@ni/nimble-components 26.0.0 → 27.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 (41) hide show
  1. package/dist/all-components-bundle.js +498 -112
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +7825 -7751
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/src/theme-provider/design-token-comments.d.ts +1 -1
  6. package/dist/esm/src/theme-provider/design-tokens.d.ts +23 -23
  7. package/dist/esm/src/wafer-map/index.d.ts +9 -1
  8. package/dist/esm/src/wafer-map/modules/experimental/worker-renderer.d.ts +3 -1
  9. package/dist/esm/src/wafer-map/modules/zoom-handler.d.ts +2 -0
  10. package/dist/esm/src/wafer-map/workers/matrix-renderer.d.ts +1 -1
  11. package/dist/esm/theme-provider/design-token-comments.d.ts +1 -1
  12. package/dist/esm/theme-provider/design-token-comments.js +1 -24
  13. package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
  14. package/dist/esm/theme-provider/design-token-names.js +1 -24
  15. package/dist/esm/theme-provider/design-token-names.js.map +1 -1
  16. package/dist/esm/theme-provider/design-tokens.d.ts +23 -23
  17. package/dist/esm/theme-provider/design-tokens.js +32 -55
  18. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  19. package/dist/esm/wafer-map/index.d.ts +9 -1
  20. package/dist/esm/wafer-map/index.js +6 -11
  21. package/dist/esm/wafer-map/index.js.map +1 -1
  22. package/dist/esm/wafer-map/modules/experimental/worker-renderer.d.ts +3 -1
  23. package/dist/esm/wafer-map/modules/experimental/worker-renderer.js +52 -2
  24. package/dist/esm/wafer-map/modules/experimental/worker-renderer.js.map +1 -1
  25. package/dist/esm/wafer-map/modules/prerendering.js +5 -3
  26. package/dist/esm/wafer-map/modules/prerendering.js.map +1 -1
  27. package/dist/esm/wafer-map/modules/wafer-map-update-tracker.js +14 -3
  28. package/dist/esm/wafer-map/modules/wafer-map-update-tracker.js.map +1 -1
  29. package/dist/esm/wafer-map/modules/zoom-handler.d.ts +2 -0
  30. package/dist/esm/wafer-map/modules/zoom-handler.js +10 -0
  31. package/dist/esm/wafer-map/modules/zoom-handler.js.map +1 -1
  32. package/dist/esm/wafer-map/styles.js +10 -5
  33. package/dist/esm/wafer-map/styles.js.map +1 -1
  34. package/dist/esm/wafer-map/template.js +2 -1
  35. package/dist/esm/wafer-map/template.js.map +1 -1
  36. package/dist/esm/wafer-map/workers/matrix-renderer.d.ts +1 -1
  37. package/dist/esm/wafer-map/workers/matrix-renderer.js +1 -1
  38. package/dist/esm/wafer-map/workers/matrix-renderer.js.map +1 -1
  39. package/dist/tokens-internal.scss +0 -138
  40. package/dist/tokens.scss +0 -69
  41. package/package.json +2 -1
package/dist/esm/theme-provider/design-token-names.js CHANGED
@@ -63,7 +63,6 @@ export const tokenNames = {
63
63
  headlinePlus1FontSize: 'headline-plus-1-font-size',
64
64
  headlinePlus1FontWeight: 'headline-plus-1-font-weight',
65
65
  headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',
66
- headlinePlus1FallbackFontFamily: 'headline-plus-1-fallback-font-family',
67
66
  headlineFont: 'headline-font',
68
67
  headlineFontColor: 'headline-font-color',
69
68
  headlineDisabledFontColor: 'headline-disabled-font-color',
@@ -71,7 +70,6 @@ export const tokenNames = {
71
70
  headlineFontSize: 'headline-font-size',
72
71
  headlineFontWeight: 'headline-font-weight',
73
72
  headlineFontLineHeight: 'headline-font-line-height',
74
- headlineFallbackFontFamily: 'headline-fallback-font-family',
75
73
  tableHeaderFont: 'table-header-font',
76
74
  tableHeaderFontColor: 'table-header-font-color',
77
75
  tableHeaderDisabledFontColor: 'table-header-disabled-font-color',
@@ -79,7 +77,6 @@ export const tokenNames = {
79
77
  tableHeaderFontSize: 'table-header-font-size',
80
78
  tableHeaderFontWeight: 'table-header-font-weight',
81
79
  tableHeaderFontLineHeight: 'table-header-font-line-height',
82
- tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',
83
80
  titlePlus2Font: 'title-plus-2-font',
84
81
  titlePlus2FontColor: 'title-plus-2-font-color',
85
82
  titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',
@@ -87,7 +84,6 @@ export const tokenNames = {
87
84
  titlePlus2FontSize: 'title-plus-2-font-size',
88
85
  titlePlus2FontWeight: 'title-plus-2-font-weight',
89
86
  titlePlus2FontLineHeight: 'title-plus-2-font-line-height',
90
- titlePlus2FallbackFontFamily: 'title-plus-2-fallback-font-family',
91
87
  titlePlus1Font: 'title-plus-1-font',
92
88
  titlePlus1FontColor: 'title-plus-1-font-color',
93
89
  titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',
@@ -95,7 +91,6 @@ export const tokenNames = {
95
91
  titlePlus1FontSize: 'title-plus-1-font-size',
96
92
  titlePlus1FontWeight: 'title-plus-1-font-weight',
97
93
  titlePlus1FontLineHeight: 'title-plus-1-font-line-height',
98
- titlePlus1FallbackFontFamily: 'title-plus-1-fallback-font-family',
99
94
  titleFont: 'title-font',
100
95
  titleFontColor: 'title-font-color',
101
96
  titleDisabledFontColor: 'title-disabled-font-color',
@@ -103,7 +98,6 @@ export const tokenNames = {
103
98
  titleFontSize: 'title-font-size',
104
99
  titleFontWeight: 'title-font-weight',
105
100
  titleFontLineHeight: 'title-font-line-height',
106
- titleFallbackFontFamily: 'title-fallback-font-family',
107
101
  subtitlePlus1Font: 'subtitle-plus-1-font',
108
102
  subtitlePlus1FontColor: 'subtitle-plus-1-font-color',
109
103
  subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',
@@ -111,7 +105,6 @@ export const tokenNames = {
111
105
  subtitlePlus1FontSize: 'subtitle-plus-1-font-size',
112
106
  subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',
113
107
  subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',
114
- subtitlePlus1FallbackFontFamily: 'subtitle-plus-1-fallback-font-family',
115
108
  subtitleFont: 'subtitle-font',
116
109
  subtitleFontColor: 'subtitle-font-color',
117
110
  subtitleDisabledFontColor: 'subtitle-disabled-font-color',
@@ -119,7 +112,6 @@ export const tokenNames = {
119
112
  subtitleFontSize: 'subtitle-font-size',
120
113
  subtitleFontWeight: 'subtitle-font-weight',
121
114
  subtitleFontLineHeight: 'subtitle-font-line-height',
122
- subtitleFallbackFontFamily: 'subtitle-fallback-font-family',
123
115
  linkFont: 'link-font',
124
116
  linkFontColor: 'link-font-color',
125
117
  linkDisabledFontColor: 'link-disabled-font-color',
@@ -127,7 +119,6 @@ export const tokenNames = {
127
119
  linkFontSize: 'link-font-size',
128
120
  linkFontWeight: 'link-font-weight',
129
121
  linkFontLineHeight: 'link-font-line-height',
130
- linkFallbackFontFamily: 'link-fallback-font-family',
131
122
  linkActiveFont: 'link-active-font',
132
123
  linkActiveFontColor: 'link-active-font-color',
133
124
  linkActiveDisabledFontColor: 'link-active-disabled-font-color',
@@ -135,7 +126,6 @@ export const tokenNames = {
135
126
  linkActiveFontSize: 'link-active-font-size',
136
127
  linkActiveFontWeight: 'link-active-font-weight',
137
128
  linkActiveFontLineHeight: 'link-active-font-line-height',
138
- linkActiveFallbackFontFamily: 'link-active-fallback-font-family',
139
129
  linkProminentFont: 'link-prominent-font',
140
130
  linkProminentFontColor: 'link-prominent-font-color',
141
131
  linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',
@@ -143,7 +133,6 @@ export const tokenNames = {
143
133
  linkProminentFontSize: 'link-prominent-font-size',
144
134
  linkProminentFontWeight: 'link-prominent-font-weight',
145
135
  linkProminentFontLineHeight: 'link-prominent-font-line-height',
146
- linkProminentFallbackFontFamily: 'link-prominent-fallback-font-family',
147
136
  linkActiveProminentFont: 'link-active-prominent-font',
148
137
  linkActiveProminentFontColor: 'link-active-prominent-font-color',
149
138
  linkActiveProminentDisabledFontColor: 'link-active-prominent-disabled-font-color',
@@ -151,7 +140,6 @@ export const tokenNames = {
151
140
  linkActiveProminentFontSize: 'link-active-prominent-font-size',
152
141
  linkActiveProminentFontWeight: 'link-active-prominent-font-weight',
153
142
  linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',
154
- linkActiveProminentFallbackFontFamily: 'link-active-prominent-fallback-font-family',
155
143
  placeholderFont: 'placeholder-font',
156
144
  placeholderFontColor: 'placeholder-font-color',
157
145
  placeholderDisabledFontColor: 'placeholder-disabled-font-color',
@@ -159,7 +147,6 @@ export const tokenNames = {
159
147
  placeholderFontSize: 'placeholder-font-size',
160
148
  placeholderFontWeight: 'placeholder-font-weight',
161
149
  placeholderFontLineHeight: 'placeholder-font-line-height',
162
- placeholderFallbackFontFamily: 'placeholder-fallback-font-family',
163
150
  bodyFont: 'body-font',
164
151
  bodyFontColor: 'body-font-color',
165
152
  bodyDisabledFontColor: 'body-disabled-font-color',
@@ -167,7 +154,6 @@ export const tokenNames = {
167
154
  bodyFontSize: 'body-font-size',
168
155
  bodyFontWeight: 'body-font-weight',
169
156
  bodyFontLineHeight: 'body-font-line-height',
170
- bodyFallbackFontFamily: 'body-fallback-font-family',
171
157
  bodyEmphasizedFont: 'body-emphasized-font',
172
158
  bodyEmphasizedFontColor: 'body-emphasized-font-color',
173
159
  bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
@@ -175,7 +161,6 @@ export const tokenNames = {
175
161
  bodyEmphasizedFontSize: 'body-emphasized-font-size',
176
162
  bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
177
163
  bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
178
- bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
179
164
  bodyPlus1Font: 'body-plus-1-font',
180
165
  bodyPlus1FontColor: 'body-plus-1-font-color',
181
166
  bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',
@@ -183,7 +168,6 @@ export const tokenNames = {
183
168
  bodyPlus1FontSize: 'body-plus-1-font-size',
184
169
  bodyPlus1FontWeight: 'body-plus-1-font-weight',
185
170
  bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',
186
- bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',
187
171
  bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',
188
172
  bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',
189
173
  bodyPlus1EmphasizedDisabledFontColor: 'body-plus-1-emphasized-disabled-font-color',
@@ -191,7 +175,6 @@ export const tokenNames = {
191
175
  bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',
192
176
  bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',
193
177
  bodyPlus1EmphasizedFontLineHeight: 'body-plus-1-emphasized-font-line-height',
194
- bodyPlus1EmphasizedFallbackFontFamily: 'body-plus-1-emphasized-fallback-font-family',
195
178
  groupHeaderFont: 'group-header-font',
196
179
  groupHeaderFontColor: 'group-header-font-color',
197
180
  groupHeaderDisabledFontColor: 'group-header-disabled-font-color',
@@ -199,7 +182,6 @@ export const tokenNames = {
199
182
  groupHeaderFontSize: 'group-header-font-size',
200
183
  groupHeaderFontWeight: 'group-header-font-weight',
201
184
  groupHeaderFontLineHeight: 'group-header-font-line-height',
202
- groupHeaderFallbackFontFamily: 'group-header-fallback-font-family',
203
185
  controlLabelFont: 'control-label-font',
204
186
  controlLabelFontColor: 'control-label-font-color',
205
187
  controlLabelDisabledFontColor: 'control-label-disabled-font-color',
@@ -207,7 +189,6 @@ export const tokenNames = {
207
189
  controlLabelFontSize: 'control-label-font-size',
208
190
  controlLabelFontWeight: 'control-label-font-weight',
209
191
  controlLabelFontLineHeight: 'control-label-font-line-height',
210
- controlLabelFallbackFontFamily: 'control-label-fallback-font-family',
211
192
  buttonLabelFont: 'button-label-font',
212
193
  buttonLabelFontColor: 'button-label-font-color',
213
194
  buttonLabelDisabledFontColor: 'button-label-disabled-font-color',
@@ -215,7 +196,6 @@ export const tokenNames = {
215
196
  buttonLabelFontSize: 'button-label-font-size',
216
197
  buttonLabelFontWeight: 'button-label-font-weight',
217
198
  buttonLabelFontLineHeight: 'button-label-font-line-height',
218
- buttonLabelFallbackFontFamily: 'button-label-fallback-font-family',
219
199
  tooltipCaptionFont: 'tooltip-caption-font',
220
200
  tooltipCaptionFontColor: 'tooltip-caption-font-color',
221
201
  tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',
@@ -223,7 +203,6 @@ export const tokenNames = {
223
203
  tooltipCaptionFontSize: 'tooltip-caption-font-size',
224
204
  tooltipCaptionFontWeight: 'tooltip-caption-font-weight',
225
205
  tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',
226
- tooltipCaptionFallbackFontFamily: 'tooltip-caption-fallback-font-family',
227
206
  tooltipBackgroundColor: 'tooltip-background-color',
228
207
  errorTextFont: 'error-text-font',
229
208
  errorTextFontColor: 'error-text-font-color',
@@ -232,7 +211,6 @@ export const tokenNames = {
232
211
  errorTextFontSize: 'error-text-font-size',
233
212
  errorTextFontWeight: 'error-text-font-weight',
234
213
  errorTextFontLineHeight: 'error-text-font-line-height',
235
- errorTextFallbackFontFamily: 'error-text-fallback-font-family',
236
214
  tableRowBorderColor: 'table-row-border-color',
237
215
  elevation1BoxShadow: 'elevation-1-box-shadow',
238
216
  elevation2BoxShadow: 'elevation-2-box-shadow',
@@ -244,8 +222,7 @@ export const tokenNames = {
244
222
  mentionFontFamily: 'mention-font-family',
245
223
  mentionFontSize: 'mention-font-size',
246
224
  mentionFontWeight: 'mention-font-weight',
247
- mentionFontLineHeight: 'mention-font-line-height',
248
- mentionFallbackFontFamily: 'mention-fallback-font-family'
225
+ mentionFontLineHeight: 'mention-font-line-height'
249
226
  };
250
227
  const prefix = 'ni-nimble';
251
228
  export const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
package/dist/esm/theme-provider/design-token-names.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,CAAC,MAAM,UAAU,GAA4C;IAC/D,qBAAqB,EAAE,0BAA0B;IACjD,0BAA0B,EAAE,8BAA8B;IAC1D,sBAAsB,EAAE,0BAA0B;IAClD,qBAAqB,EAAE,yBAAyB;IAChD,sBAAsB,EAAE,0BAA0B;IAClD,sBAAsB,EAAE,2BAA2B;IACnD,sBAAsB,EAAE,2BAA2B;IACnD,qBAAqB,EAAE,0BAA0B;IACjD,0BAA0B,EAAE,gCAAgC;IAC5D,4BAA4B,EAAE,kCAAkC;IAChE,8BAA8B,EAAE,oCAAoC;IACpE,iBAAiB,EAAE,qBAAqB;IACxC,2BAA2B,EAAE,iCAAiC;IAC9D,sBAAsB,EAAE,2BAA2B;IACnD,cAAc,EAAE,kBAAkB;IAClC,wBAAwB,EAAE,8BAA8B;IACxD,aAAa,EAAE,iBAAiB;IAChC,WAAW,EAAE,cAAc;IAC3B,qBAAqB,EAAE,0BAA0B;IACjD,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,oBAAoB;IACtC,SAAS,EAAE,YAAY;IACvB,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,gBAAgB;IAC/B,iBAAiB,EAAE,qBAAqB;IACxC,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,wBAAwB,EAAE,6BAA6B;IACvD,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,oBAAoB,EAAE,yBAAyB;IAC/C,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,uBAAuB;IAC5C,kBAAkB,EAAE,sBAAsB;IAC1C,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,aAAa;IACzB,iBAAiB,EAAE,sBAAsB;IACzC,sBAAsB,EAAE,4BAA4B;IACpD,8BAA8B,EAAE,qCAAqC;IACrE,uBAAuB,EAAE,6BAA6B;IACtD,qBAAqB,EAAE,2BAA2B;IAClD,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,kCAAkC;IAC/D,+BAA+B,EAAE,sCAAsC;IACvE,YAAY,EAAE,eAAe;IAC7B,iBAAiB,EAAE,qBAAqB;IACxC,yBAAyB,EAAE,8BAA8B;IACzD,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,+BAA+B;IAC3D,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,cAAc,EAAE,mBAAmB;IACnC,mBAAmB,EAAE,yBAAyB;IAC9C,2BAA2B,EAAE,kCAAkC;IAC/D,oBAAoB,EAAE,0BAA0B;IAChD,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,0BAA0B;IAChD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE,mCAAmC;IACjE,cAAc,EAAE,mBAAmB;IACnC,mBAAmB,EAAE,yBAAyB;IAC9C,2BAA2B,EAAE,kCAAkC;IAC/D,oBAAoB,EAAE,0BAA0B;IAChD,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,0BAA0B;IAChD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE,mCAAmC;IACjE,SAAS,EAAE,YAAY;IACvB,cAAc,EAAE,kBAAkB;IAClC,sBAAsB,EAAE,2BAA2B;IACnD,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;IACpC,mBAAmB,EAAE,wBAAwB;IAC7C,uBAAuB,EAAE,4BAA4B;IACrD,iBAAiB,EAAE,sBAAsB;IACzC,sBAAsB,EAAE,4BAA4B;IACpD,8BAA8B,EAAE,qCAAqC;IACrE,uBAAuB,EAAE,6BAA6B;IACtD,qBAAqB,EAAE,2BAA2B;IAClD,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,kCAAkC;IAC/D,+BAA+B,EAAE,sCAAsC;IACvE,YAAY,EAAE,eAAe;IAC7B,iBAAiB,EAAE,qBAAqB;IACxC,yBAAyB,EAAE,8BAA8B;IACzD,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,+BAA+B;IAC3D,QAAQ,EAAE,WAAW;IACrB,aAAa,EAAE,iBAAiB;IAChC,qBAAqB,EAAE,0BAA0B;IACjD,cAAc,EAAE,kBAAkB;IAClC,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,uBAAuB;IAC3C,sBAAsB,EAAE,2BAA2B;IACnD,cAAc,EAAE,kBAAkB;IAClC,mBAAmB,EAAE,wBAAwB;IAC7C,2BAA2B,EAAE,iCAAiC;IAC9D,oBAAoB,EAAE,yBAAyB;IAC/C,kBAAkB,EAAE,uBAAuB;IAC3C,oBAAoB,EAAE,yBAAyB;IAC/C,wBAAwB,EAAE,8BAA8B;IACxD,4BAA4B,EAAE,kCAAkC;IAChE,iBAAiB,EAAE,qBAAqB;IACxC,sBAAsB,EAAE,2BAA2B;IACnD,8BAA8B,EAAE,oCAAoC;IACpE,uBAAuB,EAAE,4BAA4B;IACrD,qBAAqB,EAAE,0BAA0B;IACjD,uBAAuB,EAAE,4BAA4B;IACrD,2BAA2B,EAAE,iCAAiC;IAC9D,+BAA+B,EAAE,qCAAqC;IACtE,uBAAuB,EAAE,4BAA4B;IACrD,4BAA4B,EAAE,kCAAkC;IAChE,oCAAoC,EAChC,2CAA2C;IAC/C,6BAA6B,EAAE,mCAAmC;IAClE,2BAA2B,EAAE,iCAAiC;IAC9D,6BAA6B,EAAE,mCAAmC;IAClE,iCAAiC,EAAE,wCAAwC;IAC3E,qCAAqC,EACjC,4CAA4C;IAChD,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,wBAAwB;IAC9C,4BAA4B,EAAE,iCAAiC;IAC/D,qBAAqB,EAAE,yBAAyB;IAChD,mBAAmB,EAAE,uBAAuB;IAC5C,qBAAqB,EAAE,yBAAyB;IAChD,yBAAyB,EAAE,8BAA8B;IACzD,6BAA6B,EAAE,kCAAkC;IACjE,QAAQ,EAAE,WAAW;IACrB,aAAa,EAAE,iBAAiB;IAChC,qBAAqB,EAAE,0BAA0B;IACjD,cAAc,EAAE,kBAAkB;IAClC,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,uBAAuB;IAC3C,sBAAsB,EAAE,2BAA2B;IACnD,kBAAkB,EAAE,sBAAsB;IAC1C,uBAAuB,EAAE,4BAA4B;IACrD,+BAA+B,EAAE,qCAAqC;IACtE,wBAAwB,EAAE,6BAA6B;IACvD,sBAAsB,EAAE,2BAA2B;IACnD,wBAAwB,EAAE,6BAA6B;IACvD,4BAA4B,EAAE,kCAAkC;IAChE,gCAAgC,EAAE,sCAAsC;IACxE,aAAa,EAAE,kBAAkB;IACjC,kBAAkB,EAAE,wBAAwB;IAC5C,0BAA0B,EAAE,iCAAiC;IAC7D,mBAAmB,EAAE,yBAAyB;IAC9C,iBAAiB,EAAE,uBAAuB;IAC1C,mBAAmB,EAAE,yBAAyB;IAC9C,uBAAuB,EAAE,8BAA8B;IACvD,2BAA2B,EAAE,kCAAkC;IAC/D,uBAAuB,EAAE,6BAA6B;IACtD,4BAA4B,EAAE,mCAAmC;IACjE,oCAAoC,EAChC,4CAA4C;IAChD,6BAA6B,EAAE,oCAAoC;IACnE,2BAA2B,EAAE,kCAAkC;IAC/D,6BAA6B,EAAE,oCAAoC;IACnE,iCAAiC,EAC7B,yCAAyC;IAC7C,qCAAqC,EACjC,6CAA6C;IACjD,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,gBAAgB,EAAE,oBAAoB;IACtC,qBAAqB,EAAE,0BAA0B;IACjD,6BAA6B,EAAE,mCAAmC;IAClE,sBAAsB,EAAE,2BAA2B;IACnD,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,gCAAgC;IAC5D,8BAA8B,EAAE,oCAAoC;IACpE,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,kBAAkB,EAAE,sBAAsB;IAC1C,uBAAuB,EAAE,4BAA4B;IACrD,+BAA+B,EAAE,qCAAqC;IACtE,wBAAwB,EAAE,6BAA6B;IACvD,sBAAsB,EAAE,2BAA2B;IACnD,wBAAwB,EAAE,6BAA6B;IACvD,4BAA4B,EAAE,kCAAkC;IAChE,gCAAgC,EAAE,sCAAsC;IACxE,sBAAsB,EAAE,0BAA0B;IAClD,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,uBAAuB;IAC3C,0BAA0B,EAAE,gCAAgC;IAC5D,mBAAmB,EAAE,wBAAwB;IAC7C,iBAAiB,EAAE,sBAAsB;IACzC,mBAAmB,EAAE,wBAAwB;IAC7C,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,iCAAiC;IAC9D,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,kBAAkB,EAAE,sBAAsB;IAC1C,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,oBAAoB;IACtC,wBAAwB,EAAE,6BAA6B;IACvD,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,mBAAmB;IACpC,iBAAiB,EAAE,qBAAqB;IACxC,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,8BAA8B;CAC5D,CAAC;AAEF,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;AAC9F,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACtC,SAAiB,EACjB,WAAmB,EACb,EAAE,CAAC,KAAK,WAAW,MAAM,MAAM,IAAI,SAAS,KAAK,CAAC;AAC5D,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,aAAa,SAAS,EAAE,CAAC;AACnH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAC9C,SAAiB,EACjB,QAAgB,EACV,EAAE,CAAC,QAAQ,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,CAAC;AAErE,mGAAmG;AACnG,MAAM,aAAa,GAAG;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAChB,YAAY;IACZ,UAAU;IACV,eAAe;IACf,YAAY;IACZ,WAAW;IACX,WAAW;IACX,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;CACD,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,SAAiB,EACM,EAAE,CAAC,aAAa,CACvC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAC1E,CAAC","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor: 'action-rgb-partial-color',\n applicationBackgroundColor: 'application-background-color',\n dividerBackgroundColor: 'divider-background-color',\n headerBackgroundColor: 'header-background-color',\n sectionBackgroundColor: 'section-background-color',\n buttonFillPrimaryColor: 'button-fill-primary-color',\n buttonPrimaryFontColor: 'button-primary-font-color',\n buttonFillAccentColor: 'button-fill-accent-color',\n buttonAccentBlockFontColor: 'button-accent-block-font-color',\n buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n fillSelectedColor: 'fill-selected-color',\n fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n fillHoverSelectedColor: 'fill-hover-selected-color',\n fillHoverColor: 'fill-hover-color',\n fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n fillDownColor: 'fill-down-color',\n borderColor: 'border-color',\n borderRgbPartialColor: 'border-rgb-partial-color',\n failColor: 'fail-color',\n warningColor: 'warning-color',\n passColor: 'pass-color',\n informationColor: 'information-color',\n borderHoverColor: 'border-hover-color',\n iconColor: 'icon-color',\n modalBackdropColor: 'modal-backdrop-color',\n popupBorderColor: 'popup-border-color',\n cardBorderColor: 'card-border-color',\n controlHeight: 'control-height',\n controlSlimHeight: 'control-slim-height',\n smallPadding: 'small-padding',\n mediumPadding: 'medium-padding',\n standardPadding: 'standard-padding',\n largePadding: 'large-padding',\n labelHeight: 'label-height',\n borderWidth: 'border-width',\n iconSize: 'icon-size',\n groupHeaderTextTransform: 'group-header-text-transform',\n drawerWidth: 'drawer-width',\n dialogSmallWidth: 'dialog-small-width',\n dialogSmallHeight: 'dialog-small-height',\n dialogSmallMaxHeight: 'dialog-small-max-height',\n dialogLargeWidth: 'dialog-large-width',\n dialogLargeHeight: 'dialog-large-height',\n dialogLargeMaxHeight: 'dialog-large-max-height',\n menuMinWidth: 'menu-min-width',\n bannerGapSize: 'banner-gap-size',\n spinnerSmallHeight: 'spinner-small-height',\n spinnerMediumHeight: 'spinner-medium-height',\n spinnerLargeHeight: 'spinner-large-height',\n smallDelay: 'small-delay',\n mediumDelay: 'medium-delay',\n largeDelay: 'large-delay',\n headlinePlus1Font: 'headline-plus-1-font',\n headlinePlus1FontColor: 'headline-plus-1-font-color',\n headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n headlinePlus1FontFamily: 'headline-plus-1-font-family',\n headlinePlus1FontSize: 'headline-plus-1-font-size',\n headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n headlinePlus1FallbackFontFamily: 'headline-plus-1-fallback-font-family',\n headlineFont: 'headline-font',\n headlineFontColor: 'headline-font-color',\n headlineDisabledFontColor: 'headline-disabled-font-color',\n headlineFontFamily: 'headline-font-family',\n headlineFontSize: 'headline-font-size',\n headlineFontWeight: 'headline-font-weight',\n headlineFontLineHeight: 'headline-font-line-height',\n headlineFallbackFontFamily: 'headline-fallback-font-family',\n tableHeaderFont: 'table-header-font',\n tableHeaderFontColor: 'table-header-font-color',\n tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n tableHeaderFontFamily: 'table-header-font-family',\n tableHeaderFontSize: 'table-header-font-size',\n tableHeaderFontWeight: 'table-header-font-weight',\n tableHeaderFontLineHeight: 'table-header-font-line-height',\n tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',\n titlePlus2Font: 'title-plus-2-font',\n titlePlus2FontColor: 'title-plus-2-font-color',\n titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n titlePlus2FontFamily: 'title-plus-2-font-family',\n titlePlus2FontSize: 'title-plus-2-font-size',\n titlePlus2FontWeight: 'title-plus-2-font-weight',\n titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n titlePlus2FallbackFontFamily: 'title-plus-2-fallback-font-family',\n titlePlus1Font: 'title-plus-1-font',\n titlePlus1FontColor: 'title-plus-1-font-color',\n titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n titlePlus1FontFamily: 'title-plus-1-font-family',\n titlePlus1FontSize: 'title-plus-1-font-size',\n titlePlus1FontWeight: 'title-plus-1-font-weight',\n titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n titlePlus1FallbackFontFamily: 'title-plus-1-fallback-font-family',\n titleFont: 'title-font',\n titleFontColor: 'title-font-color',\n titleDisabledFontColor: 'title-disabled-font-color',\n titleFontFamily: 'title-font-family',\n titleFontSize: 'title-font-size',\n titleFontWeight: 'title-font-weight',\n titleFontLineHeight: 'title-font-line-height',\n titleFallbackFontFamily: 'title-fallback-font-family',\n subtitlePlus1Font: 'subtitle-plus-1-font',\n subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n subtitlePlus1FallbackFontFamily: 'subtitle-plus-1-fallback-font-family',\n subtitleFont: 'subtitle-font',\n subtitleFontColor: 'subtitle-font-color',\n subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n subtitleFontFamily: 'subtitle-font-family',\n subtitleFontSize: 'subtitle-font-size',\n subtitleFontWeight: 'subtitle-font-weight',\n subtitleFontLineHeight: 'subtitle-font-line-height',\n subtitleFallbackFontFamily: 'subtitle-fallback-font-family',\n linkFont: 'link-font',\n linkFontColor: 'link-font-color',\n linkDisabledFontColor: 'link-disabled-font-color',\n linkFontFamily: 'link-font-family',\n linkFontSize: 'link-font-size',\n linkFontWeight: 'link-font-weight',\n linkFontLineHeight: 'link-font-line-height',\n linkFallbackFontFamily: 'link-fallback-font-family',\n linkActiveFont: 'link-active-font',\n linkActiveFontColor: 'link-active-font-color',\n linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n linkActiveFontFamily: 'link-active-font-family',\n linkActiveFontSize: 'link-active-font-size',\n linkActiveFontWeight: 'link-active-font-weight',\n linkActiveFontLineHeight: 'link-active-font-line-height',\n linkActiveFallbackFontFamily: 'link-active-fallback-font-family',\n linkProminentFont: 'link-prominent-font',\n linkProminentFontColor: 'link-prominent-font-color',\n linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n linkProminentFontFamily: 'link-prominent-font-family',\n linkProminentFontSize: 'link-prominent-font-size',\n linkProminentFontWeight: 'link-prominent-font-weight',\n linkProminentFontLineHeight: 'link-prominent-font-line-height',\n linkProminentFallbackFontFamily: 'link-prominent-fallback-font-family',\n linkActiveProminentFont: 'link-active-prominent-font',\n linkActiveProminentFontColor: 'link-active-prominent-font-color',\n linkActiveProminentDisabledFontColor:\n 'link-active-prominent-disabled-font-color',\n linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n linkActiveProminentFontSize: 'link-active-prominent-font-size',\n linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n linkActiveProminentFallbackFontFamily:\n 'link-active-prominent-fallback-font-family',\n placeholderFont: 'placeholder-font',\n placeholderFontColor: 'placeholder-font-color',\n placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n placeholderFontFamily: 'placeholder-font-family',\n placeholderFontSize: 'placeholder-font-size',\n placeholderFontWeight: 'placeholder-font-weight',\n placeholderFontLineHeight: 'placeholder-font-line-height',\n placeholderFallbackFontFamily: 'placeholder-fallback-font-family',\n bodyFont: 'body-font',\n bodyFontColor: 'body-font-color',\n bodyDisabledFontColor: 'body-disabled-font-color',\n bodyFontFamily: 'body-font-family',\n bodyFontSize: 'body-font-size',\n bodyFontWeight: 'body-font-weight',\n bodyFontLineHeight: 'body-font-line-height',\n bodyFallbackFontFamily: 'body-fallback-font-family',\n bodyEmphasizedFont: 'body-emphasized-font',\n bodyEmphasizedFontColor: 'body-emphasized-font-color',\n bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n bodyEmphasizedFontSize: 'body-emphasized-font-size',\n bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',\n bodyPlus1Font: 'body-plus-1-font',\n bodyPlus1FontColor: 'body-plus-1-font-color',\n bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n bodyPlus1FontFamily: 'body-plus-1-font-family',\n bodyPlus1FontSize: 'body-plus-1-font-size',\n bodyPlus1FontWeight: 'body-plus-1-font-weight',\n bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',\n bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n bodyPlus1EmphasizedDisabledFontColor:\n 'body-plus-1-emphasized-disabled-font-color',\n bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n bodyPlus1EmphasizedFontLineHeight:\n 'body-plus-1-emphasized-font-line-height',\n bodyPlus1EmphasizedFallbackFontFamily:\n 'body-plus-1-emphasized-fallback-font-family',\n groupHeaderFont: 'group-header-font',\n groupHeaderFontColor: 'group-header-font-color',\n groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n groupHeaderFontFamily: 'group-header-font-family',\n groupHeaderFontSize: 'group-header-font-size',\n groupHeaderFontWeight: 'group-header-font-weight',\n groupHeaderFontLineHeight: 'group-header-font-line-height',\n groupHeaderFallbackFontFamily: 'group-header-fallback-font-family',\n controlLabelFont: 'control-label-font',\n controlLabelFontColor: 'control-label-font-color',\n controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n controlLabelFontFamily: 'control-label-font-family',\n controlLabelFontSize: 'control-label-font-size',\n controlLabelFontWeight: 'control-label-font-weight',\n controlLabelFontLineHeight: 'control-label-font-line-height',\n controlLabelFallbackFontFamily: 'control-label-fallback-font-family',\n buttonLabelFont: 'button-label-font',\n buttonLabelFontColor: 'button-label-font-color',\n buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n buttonLabelFontFamily: 'button-label-font-family',\n buttonLabelFontSize: 'button-label-font-size',\n buttonLabelFontWeight: 'button-label-font-weight',\n buttonLabelFontLineHeight: 'button-label-font-line-height',\n buttonLabelFallbackFontFamily: 'button-label-fallback-font-family',\n tooltipCaptionFont: 'tooltip-caption-font',\n tooltipCaptionFontColor: 'tooltip-caption-font-color',\n tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n tooltipCaptionFontSize: 'tooltip-caption-font-size',\n tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n tooltipCaptionFallbackFontFamily: 'tooltip-caption-fallback-font-family',\n tooltipBackgroundColor: 'tooltip-background-color',\n errorTextFont: 'error-text-font',\n errorTextFontColor: 'error-text-font-color',\n errorTextDisabledFontColor: 'error-text-disabled-font-color',\n errorTextFontFamily: 'error-text-font-family',\n errorTextFontSize: 'error-text-font-size',\n errorTextFontWeight: 'error-text-font-weight',\n errorTextFontLineHeight: 'error-text-font-line-height',\n errorTextFallbackFontFamily: 'error-text-fallback-font-family',\n tableRowBorderColor: 'table-row-border-color',\n elevation1BoxShadow: 'elevation-1-box-shadow',\n elevation2BoxShadow: 'elevation-2-box-shadow',\n elevation3BoxShadow: 'elevation-3-box-shadow',\n graphGridlineColor: 'graph-gridline-color',\n mentionFont: 'mention-font',\n mentionFontColor: 'mention-font-color',\n mentionDisabledFontColor: 'mention-disabled-font-color',\n mentionFontFamily: 'mention-font-family',\n mentionFontSize: 'mention-font-size',\n mentionFontWeight: 'mention-font-weight',\n mentionFontLineHeight: 'mention-font-line-height',\n mentionFallbackFontFamily: 'mention-fallback-font-family'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n tokenName: string,\n cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n tokenName: string,\n property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n 'RgbPartialColor',\n 'DisabledFontColor',\n 'FontColor',\n 'FontLineHeight',\n 'FontWeight',\n 'FontSize',\n 'TextTransform',\n 'FontFamily',\n 'BoxShadow',\n 'MaxHeight',\n 'MinWidth',\n 'Font',\n 'Size',\n 'Width',\n 'Height',\n 'Delay',\n 'Padding',\n 'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}
1
+ {"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor: 'action-rgb-partial-color',\n applicationBackgroundColor: 'application-background-color',\n dividerBackgroundColor: 'divider-background-color',\n headerBackgroundColor: 'header-background-color',\n sectionBackgroundColor: 'section-background-color',\n buttonFillPrimaryColor: 'button-fill-primary-color',\n buttonPrimaryFontColor: 'button-primary-font-color',\n buttonFillAccentColor: 'button-fill-accent-color',\n buttonAccentBlockFontColor: 'button-accent-block-font-color',\n buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n fillSelectedColor: 'fill-selected-color',\n fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n fillHoverSelectedColor: 'fill-hover-selected-color',\n fillHoverColor: 'fill-hover-color',\n fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n fillDownColor: 'fill-down-color',\n borderColor: 'border-color',\n borderRgbPartialColor: 'border-rgb-partial-color',\n failColor: 'fail-color',\n warningColor: 'warning-color',\n passColor: 'pass-color',\n informationColor: 'information-color',\n borderHoverColor: 'border-hover-color',\n iconColor: 'icon-color',\n modalBackdropColor: 'modal-backdrop-color',\n popupBorderColor: 'popup-border-color',\n cardBorderColor: 'card-border-color',\n controlHeight: 'control-height',\n controlSlimHeight: 'control-slim-height',\n smallPadding: 'small-padding',\n mediumPadding: 'medium-padding',\n standardPadding: 'standard-padding',\n largePadding: 'large-padding',\n labelHeight: 'label-height',\n borderWidth: 'border-width',\n iconSize: 'icon-size',\n groupHeaderTextTransform: 'group-header-text-transform',\n drawerWidth: 'drawer-width',\n dialogSmallWidth: 'dialog-small-width',\n dialogSmallHeight: 'dialog-small-height',\n dialogSmallMaxHeight: 'dialog-small-max-height',\n dialogLargeWidth: 'dialog-large-width',\n dialogLargeHeight: 'dialog-large-height',\n dialogLargeMaxHeight: 'dialog-large-max-height',\n menuMinWidth: 'menu-min-width',\n bannerGapSize: 'banner-gap-size',\n spinnerSmallHeight: 'spinner-small-height',\n spinnerMediumHeight: 'spinner-medium-height',\n spinnerLargeHeight: 'spinner-large-height',\n smallDelay: 'small-delay',\n mediumDelay: 'medium-delay',\n largeDelay: 'large-delay',\n headlinePlus1Font: 'headline-plus-1-font',\n headlinePlus1FontColor: 'headline-plus-1-font-color',\n headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n headlinePlus1FontFamily: 'headline-plus-1-font-family',\n headlinePlus1FontSize: 'headline-plus-1-font-size',\n headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n headlineFont: 'headline-font',\n headlineFontColor: 'headline-font-color',\n headlineDisabledFontColor: 'headline-disabled-font-color',\n headlineFontFamily: 'headline-font-family',\n headlineFontSize: 'headline-font-size',\n headlineFontWeight: 'headline-font-weight',\n headlineFontLineHeight: 'headline-font-line-height',\n tableHeaderFont: 'table-header-font',\n tableHeaderFontColor: 'table-header-font-color',\n tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n tableHeaderFontFamily: 'table-header-font-family',\n tableHeaderFontSize: 'table-header-font-size',\n tableHeaderFontWeight: 'table-header-font-weight',\n tableHeaderFontLineHeight: 'table-header-font-line-height',\n titlePlus2Font: 'title-plus-2-font',\n titlePlus2FontColor: 'title-plus-2-font-color',\n titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n titlePlus2FontFamily: 'title-plus-2-font-family',\n titlePlus2FontSize: 'title-plus-2-font-size',\n titlePlus2FontWeight: 'title-plus-2-font-weight',\n titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n titlePlus1Font: 'title-plus-1-font',\n titlePlus1FontColor: 'title-plus-1-font-color',\n titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n titlePlus1FontFamily: 'title-plus-1-font-family',\n titlePlus1FontSize: 'title-plus-1-font-size',\n titlePlus1FontWeight: 'title-plus-1-font-weight',\n titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n titleFont: 'title-font',\n titleFontColor: 'title-font-color',\n titleDisabledFontColor: 'title-disabled-font-color',\n titleFontFamily: 'title-font-family',\n titleFontSize: 'title-font-size',\n titleFontWeight: 'title-font-weight',\n titleFontLineHeight: 'title-font-line-height',\n subtitlePlus1Font: 'subtitle-plus-1-font',\n subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n subtitleFont: 'subtitle-font',\n subtitleFontColor: 'subtitle-font-color',\n subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n subtitleFontFamily: 'subtitle-font-family',\n subtitleFontSize: 'subtitle-font-size',\n subtitleFontWeight: 'subtitle-font-weight',\n subtitleFontLineHeight: 'subtitle-font-line-height',\n linkFont: 'link-font',\n linkFontColor: 'link-font-color',\n linkDisabledFontColor: 'link-disabled-font-color',\n linkFontFamily: 'link-font-family',\n linkFontSize: 'link-font-size',\n linkFontWeight: 'link-font-weight',\n linkFontLineHeight: 'link-font-line-height',\n linkActiveFont: 'link-active-font',\n linkActiveFontColor: 'link-active-font-color',\n linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n linkActiveFontFamily: 'link-active-font-family',\n linkActiveFontSize: 'link-active-font-size',\n linkActiveFontWeight: 'link-active-font-weight',\n linkActiveFontLineHeight: 'link-active-font-line-height',\n linkProminentFont: 'link-prominent-font',\n linkProminentFontColor: 'link-prominent-font-color',\n linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n linkProminentFontFamily: 'link-prominent-font-family',\n linkProminentFontSize: 'link-prominent-font-size',\n linkProminentFontWeight: 'link-prominent-font-weight',\n linkProminentFontLineHeight: 'link-prominent-font-line-height',\n linkActiveProminentFont: 'link-active-prominent-font',\n linkActiveProminentFontColor: 'link-active-prominent-font-color',\n linkActiveProminentDisabledFontColor:\n 'link-active-prominent-disabled-font-color',\n linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n linkActiveProminentFontSize: 'link-active-prominent-font-size',\n linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n placeholderFont: 'placeholder-font',\n placeholderFontColor: 'placeholder-font-color',\n placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n placeholderFontFamily: 'placeholder-font-family',\n placeholderFontSize: 'placeholder-font-size',\n placeholderFontWeight: 'placeholder-font-weight',\n placeholderFontLineHeight: 'placeholder-font-line-height',\n bodyFont: 'body-font',\n bodyFontColor: 'body-font-color',\n bodyDisabledFontColor: 'body-disabled-font-color',\n bodyFontFamily: 'body-font-family',\n bodyFontSize: 'body-font-size',\n bodyFontWeight: 'body-font-weight',\n bodyFontLineHeight: 'body-font-line-height',\n bodyEmphasizedFont: 'body-emphasized-font',\n bodyEmphasizedFontColor: 'body-emphasized-font-color',\n bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n bodyEmphasizedFontSize: 'body-emphasized-font-size',\n bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n bodyPlus1Font: 'body-plus-1-font',\n bodyPlus1FontColor: 'body-plus-1-font-color',\n bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n bodyPlus1FontFamily: 'body-plus-1-font-family',\n bodyPlus1FontSize: 'body-plus-1-font-size',\n bodyPlus1FontWeight: 'body-plus-1-font-weight',\n bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n bodyPlus1EmphasizedDisabledFontColor:\n 'body-plus-1-emphasized-disabled-font-color',\n bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n bodyPlus1EmphasizedFontLineHeight:\n 'body-plus-1-emphasized-font-line-height',\n groupHeaderFont: 'group-header-font',\n groupHeaderFontColor: 'group-header-font-color',\n groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n groupHeaderFontFamily: 'group-header-font-family',\n groupHeaderFontSize: 'group-header-font-size',\n groupHeaderFontWeight: 'group-header-font-weight',\n groupHeaderFontLineHeight: 'group-header-font-line-height',\n controlLabelFont: 'control-label-font',\n controlLabelFontColor: 'control-label-font-color',\n controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n controlLabelFontFamily: 'control-label-font-family',\n controlLabelFontSize: 'control-label-font-size',\n controlLabelFontWeight: 'control-label-font-weight',\n controlLabelFontLineHeight: 'control-label-font-line-height',\n buttonLabelFont: 'button-label-font',\n buttonLabelFontColor: 'button-label-font-color',\n buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n buttonLabelFontFamily: 'button-label-font-family',\n buttonLabelFontSize: 'button-label-font-size',\n buttonLabelFontWeight: 'button-label-font-weight',\n buttonLabelFontLineHeight: 'button-label-font-line-height',\n tooltipCaptionFont: 'tooltip-caption-font',\n tooltipCaptionFontColor: 'tooltip-caption-font-color',\n tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n tooltipCaptionFontSize: 'tooltip-caption-font-size',\n tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n tooltipBackgroundColor: 'tooltip-background-color',\n errorTextFont: 'error-text-font',\n errorTextFontColor: 'error-text-font-color',\n errorTextDisabledFontColor: 'error-text-disabled-font-color',\n errorTextFontFamily: 'error-text-font-family',\n errorTextFontSize: 'error-text-font-size',\n errorTextFontWeight: 'error-text-font-weight',\n errorTextFontLineHeight: 'error-text-font-line-height',\n tableRowBorderColor: 'table-row-border-color',\n elevation1BoxShadow: 'elevation-1-box-shadow',\n elevation2BoxShadow: 'elevation-2-box-shadow',\n elevation3BoxShadow: 'elevation-3-box-shadow',\n graphGridlineColor: 'graph-gridline-color',\n mentionFont: 'mention-font',\n mentionFontColor: 'mention-font-color',\n mentionDisabledFontColor: 'mention-disabled-font-color',\n mentionFontFamily: 'mention-font-family',\n mentionFontSize: 'mention-font-size',\n mentionFontWeight: 'mention-font-weight',\n mentionFontLineHeight: 'mention-font-line-height'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n tokenName: string,\n cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n tokenName: string,\n property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n 'RgbPartialColor',\n 'DisabledFontColor',\n 'FontColor',\n 'FontLineHeight',\n 'FontWeight',\n 'FontSize',\n 'TextTransform',\n 'FontFamily',\n 'BoxShadow',\n 'MaxHeight',\n 'MinWidth',\n 'Font',\n 'Size',\n 'Width',\n 'Height',\n 'Delay',\n 'Padding',\n 'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}
package/dist/esm/theme-provider/design-tokens.d.ts CHANGED
@@ -54,29 +54,29 @@ export declare const spinnerLargeHeight: CSSDesignToken<string>;
54
54
  export declare const elevation1BoxShadow: CSSDesignToken<string>;
55
55
  export declare const elevation2BoxShadow: CSSDesignToken<string>;
56
56
  export declare const elevation3BoxShadow: CSSDesignToken<string>;
57
- export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string>, headlineFallbackFontFamily: CSSDesignToken<string>;
58
- export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string>, headlinePlus1FallbackFontFamily: CSSDesignToken<string>;
59
- export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string>, titlePlus2FallbackFontFamily: CSSDesignToken<string>;
60
- export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string>, titlePlus1FallbackFontFamily: CSSDesignToken<string>;
61
- export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string>, titleFallbackFontFamily: CSSDesignToken<string>;
62
- export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string>, subtitlePlus1FallbackFontFamily: CSSDesignToken<string>;
63
- export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string>, subtitleFallbackFontFamily: CSSDesignToken<string>;
64
- export declare const linkFont: CSSDesignToken<string>, linkFontColor: CSSDesignToken<string>, linkDisabledFontColor: CSSDesignToken<string>, linkFontFamily: CSSDesignToken<string>, linkFontWeight: CSSDesignToken<string>, linkFontSize: CSSDesignToken<string>, linkFontLineHeight: CSSDesignToken<string>, linkFallbackFontFamily: CSSDesignToken<string>;
65
- export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor: CSSDesignToken<string>, linkActiveDisabledFontColor: CSSDesignToken<string>, linkActiveFontFamily: CSSDesignToken<string>, linkActiveFontWeight: CSSDesignToken<string>, linkActiveFontSize: CSSDesignToken<string>, linkActiveFontLineHeight: CSSDesignToken<string>, linkActiveFallbackFontFamily: CSSDesignToken<string>;
66
- export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string>, linkProminentFallbackFontFamily: CSSDesignToken<string>;
67
- export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string>, linkActiveProminentFallbackFontFamily: CSSDesignToken<string>;
68
- export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>, placeholderFallbackFontFamily: CSSDesignToken<string>;
69
- export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>, bodyFallbackFontFamily: CSSDesignToken<string>;
70
- export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>, bodyEmphasizedFallbackFontFamily: CSSDesignToken<string>;
71
- export declare const bodyPlus1Font: CSSDesignToken<string>, bodyPlus1FontColor: CSSDesignToken<string>, bodyPlus1DisabledFontColor: CSSDesignToken<string>, bodyPlus1FontFamily: CSSDesignToken<string>, bodyPlus1FontWeight: CSSDesignToken<string>, bodyPlus1FontSize: CSSDesignToken<string>, bodyPlus1FontLineHeight: CSSDesignToken<string>, bodyPlus1FallbackFontFamily: CSSDesignToken<string>;
72
- export declare const bodyPlus1EmphasizedFont: CSSDesignToken<string>, bodyPlus1EmphasizedFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedDisabledFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedFontFamily: CSSDesignToken<string>, bodyPlus1EmphasizedFontWeight: CSSDesignToken<string>, bodyPlus1EmphasizedFontSize: CSSDesignToken<string>, bodyPlus1EmphasizedFontLineHeight: CSSDesignToken<string>, bodyPlus1EmphasizedFallbackFontFamily: CSSDesignToken<string>;
73
- export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>, groupHeaderFallbackFontFamily: CSSDesignToken<string>;
74
- export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>, controlLabelFallbackFontFamily: CSSDesignToken<string>;
75
- export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>, buttonLabelFallbackFontFamily: CSSDesignToken<string>;
76
- export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string>, tooltipCaptionFallbackFontFamily: CSSDesignToken<string>;
77
- export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string>, errorTextFallbackFontFamily: CSSDesignToken<string>;
78
- export declare const tableHeaderFont: CSSDesignToken<string>, tableHeaderFontColor: CSSDesignToken<string>, tableHeaderDisabledFontColor: CSSDesignToken<string>, tableHeaderFontFamily: CSSDesignToken<string>, tableHeaderFontWeight: CSSDesignToken<string>, tableHeaderFontSize: CSSDesignToken<string>, tableHeaderFontLineHeight: CSSDesignToken<string>, tableHeaderFallbackFontFamily: CSSDesignToken<string>;
79
- export declare const mentionFont: CSSDesignToken<string>, mentionFontColor: CSSDesignToken<string>, mentionDisabledFontColor: CSSDesignToken<string>, mentionFontFamily: CSSDesignToken<string>, mentionFontWeight: CSSDesignToken<string>, mentionFontSize: CSSDesignToken<string>, mentionFontLineHeight: CSSDesignToken<string>, mentionFallbackFontFamily: CSSDesignToken<string>;
57
+ export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string>;
58
+ export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string>;
59
+ export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string>;
60
+ export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string>;
61
+ export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string>;
62
+ export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string>;
63
+ export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string>;
64
+ export declare const linkFont: CSSDesignToken<string>, linkFontColor: CSSDesignToken<string>, linkDisabledFontColor: CSSDesignToken<string>, linkFontFamily: CSSDesignToken<string>, linkFontWeight: CSSDesignToken<string>, linkFontSize: CSSDesignToken<string>, linkFontLineHeight: CSSDesignToken<string>;
65
+ export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor: CSSDesignToken<string>, linkActiveDisabledFontColor: CSSDesignToken<string>, linkActiveFontFamily: CSSDesignToken<string>, linkActiveFontWeight: CSSDesignToken<string>, linkActiveFontSize: CSSDesignToken<string>, linkActiveFontLineHeight: CSSDesignToken<string>;
66
+ export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string>;
67
+ export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string>;
68
+ export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>;
69
+ export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>;
70
+ export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>;
71
+ export declare const bodyPlus1Font: CSSDesignToken<string>, bodyPlus1FontColor: CSSDesignToken<string>, bodyPlus1DisabledFontColor: CSSDesignToken<string>, bodyPlus1FontFamily: CSSDesignToken<string>, bodyPlus1FontWeight: CSSDesignToken<string>, bodyPlus1FontSize: CSSDesignToken<string>, bodyPlus1FontLineHeight: CSSDesignToken<string>;
72
+ export declare const bodyPlus1EmphasizedFont: CSSDesignToken<string>, bodyPlus1EmphasizedFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedDisabledFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedFontFamily: CSSDesignToken<string>, bodyPlus1EmphasizedFontWeight: CSSDesignToken<string>, bodyPlus1EmphasizedFontSize: CSSDesignToken<string>, bodyPlus1EmphasizedFontLineHeight: CSSDesignToken<string>;
73
+ export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>;
74
+ export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>;
75
+ export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>;
76
+ export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string>;
77
+ export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string>;
78
+ export declare const tableHeaderFont: CSSDesignToken<string>, tableHeaderFontColor: CSSDesignToken<string>, tableHeaderDisabledFontColor: CSSDesignToken<string>, tableHeaderFontFamily: CSSDesignToken<string>, tableHeaderFontWeight: CSSDesignToken<string>, tableHeaderFontSize: CSSDesignToken<string>, tableHeaderFontLineHeight: CSSDesignToken<string>;
79
+ export declare const mentionFont: CSSDesignToken<string>, mentionFontColor: CSSDesignToken<string>, mentionDisabledFontColor: CSSDesignToken<string>, mentionFontFamily: CSSDesignToken<string>, mentionFontWeight: CSSDesignToken<string>, mentionFontSize: CSSDesignToken<string>, mentionFontLineHeight: CSSDesignToken<string>;
80
80
  export declare const groupHeaderTextTransform: CSSDesignToken<string>;
81
81
  export declare const smallDelay: CSSDesignToken<string>;
82
82
  export declare const mediumDelay: CSSDesignToken<string>;
package/dist/esm/theme-provider/design-tokens.js CHANGED
@@ -6,27 +6,6 @@ import { Theme } from './types';
6
6
  import { tokenNames, styleNameFromTokenName } from './design-token-names';
7
7
  import { theme } from '.';
8
8
  import { hexToRgbaCssColor } from '../utilities/style/colors';
9
- /* eslint-disable @typescript-eslint/naming-convention */
10
- const Headline1FallbackFontFamily = 'Noto Serif Fallback';
11
- const Headline2FallbackFontFamily = 'Noto Serif Fallback';
12
- const Title1FallbackFontFamily = 'Source Sans Pro Fallback';
13
- const Title2FallbackFontFamily = 'Source Sans Pro Fallback';
14
- const Title3FallbackFontFamily = 'Source Sans Pro Fallback';
15
- const Subtitle1FallbackFontFamily = 'Source Sans Pro Fallback';
16
- const Subtitle2FallbackFontFamily = 'Source Sans Pro Fallback';
17
- const LinkFallbackFontFamily = 'Source Sans Pro Fallback';
18
- const PlaceholderFallbackFontFamily = 'Source Sans Pro Fallback';
19
- const BodyFallbackFontFamily = 'Source Sans Pro Fallback';
20
- const Body2FallbackFontFamily = 'Source Sans Pro Fallback';
21
- const BodyEmphasizedFallbackFontFamily = 'Source Sans Pro Fallback';
22
- const BodyEmphasized2FallbackFontFamily = 'Source Sans Pro Fallback';
23
- const GroupLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
24
- const ControlLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
25
- const ButtonLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
26
- const TooltipCaptionFallbackFontFamily = 'Source Sans Pro Fallback';
27
- const ErrorLightUiFallbackFontFamily = 'Source Sans Pro Fallback';
28
- const GridHeaderFallbackFontFamily = 'Source Sans Pro Fallback';
29
- /* eslint-enable @typescript-eslint/naming-convention */
30
9
  // Color Tokens
31
10
  export const actionRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.actionRgbPartialColor)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));
32
11
  export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, ForestGreen));
@@ -87,29 +66,29 @@ export const elevation1BoxShadow = DesignToken.create(styleNameFromTokenName(tok
87
66
  export const elevation2BoxShadow = DesignToken.create(styleNameFromTokenName(tokenNames.elevation2BoxShadow)).withDefault((element) => `0px 2px 4px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.16)}`);
88
67
  export const elevation3BoxShadow = DesignToken.create(styleNameFromTokenName(tokenNames.elevation3BoxShadow)).withDefault((element) => `0px 4px 8px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.3)}`);
89
68
  // Font Tokens
90
- export const [headlineFont, headlineFontColor, headlineDisabledFontColor, headlineFontFamily, headlineFontWeight, headlineFontSize, headlineFontLineHeight, headlineFallbackFontFamily] = createFontTokens(tokenNames.headlineFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline1Family, Headline1Weight, Headline1Size, Headline1LineHeight, Headline1FallbackFontFamily);
91
- export const [headlinePlus1Font, headlinePlus1FontColor, headlinePlus1DisabledFontColor, headlinePlus1FontFamily, headlinePlus1FontWeight, headlinePlus1FontSize, headlinePlus1FontLineHeight, headlinePlus1FallbackFontFamily] = createFontTokens(tokenNames.headlinePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline2Family, Headline2Weight, Headline2Size, Headline2LineHeight, Headline2FallbackFontFamily);
92
- export const [titlePlus2Font, titlePlus2FontColor, titlePlus2DisabledFontColor, titlePlus2FontFamily, titlePlus2FontWeight, titlePlus2FontSize, titlePlus2FontLineHeight, titlePlus2FallbackFontFamily] = createFontTokens(tokenNames.titlePlus2Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title3Family, Title3Weight, Title3Size, Title3LineHeight, Title3FallbackFontFamily);
93
- export const [titlePlus1Font, titlePlus1FontColor, titlePlus1DisabledFontColor, titlePlus1FontFamily, titlePlus1FontWeight, titlePlus1FontSize, titlePlus1FontLineHeight, titlePlus1FallbackFontFamily] = createFontTokens(tokenNames.titlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title2Family, Title2Weight, Title2Size, Title2LineHeight, Title2FallbackFontFamily);
94
- export const [titleFont, titleFontColor, titleDisabledFontColor, titleFontFamily, titleFontWeight, titleFontSize, titleFontLineHeight, titleFallbackFontFamily] = createFontTokens(tokenNames.titleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title1Family, Title1Weight, Title1Size, Title1LineHeight, Title1FallbackFontFamily);
95
- export const [subtitlePlus1Font, subtitlePlus1FontColor, subtitlePlus1DisabledFontColor, subtitlePlus1FontFamily, subtitlePlus1FontWeight, subtitlePlus1FontSize, subtitlePlus1FontLineHeight, subtitlePlus1FallbackFontFamily] = createFontTokens(tokenNames.subtitlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle2Family, Subtitle2Weight, Subtitle2Size, Subtitle2LineHeight, Subtitle2FallbackFontFamily);
96
- export const [subtitleFont, subtitleFontColor, subtitleDisabledFontColor, subtitleFontFamily, subtitleFontWeight, subtitleFontSize, subtitleFontLineHeight, subtitleFallbackFontFamily] = createFontTokens(tokenNames.subtitleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle1Family, Subtitle1Weight, Subtitle1Size, Subtitle1LineHeight, Subtitle1FallbackFontFamily);
97
- export const [linkFont, linkFontColor, linkDisabledFontColor, linkFontFamily, linkFontWeight, linkFontSize, linkFontLineHeight, linkFallbackFontFamily] = createFontTokens(tokenNames.linkFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
98
- export const [linkActiveFont, linkActiveFontColor, linkActiveDisabledFontColor, linkActiveFontFamily, linkActiveFontWeight, linkActiveFontSize, linkActiveFontLineHeight, linkActiveFallbackFontFamily] = createFontTokens(tokenNames.linkActiveFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
99
- export const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight, linkProminentFallbackFontFamily] = createFontTokens(tokenNames.linkProminentFont, (element) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
100
- export const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight, linkActiveProminentFallbackFontFamily] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
101
- export const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight, placeholderFallbackFontFamily] = createFontTokens(tokenNames.placeholderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight, PlaceholderFallbackFontFamily);
102
- export const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight, bodyFallbackFontFamily] = createFontTokens(tokenNames.bodyFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight, BodyFallbackFontFamily);
103
- export const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight, bodyEmphasizedFallbackFontFamily] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight, BodyEmphasizedFallbackFontFamily);
104
- export const [bodyPlus1Font, bodyPlus1FontColor, bodyPlus1DisabledFontColor, bodyPlus1FontFamily, bodyPlus1FontWeight, bodyPlus1FontSize, bodyPlus1FontLineHeight, bodyPlus1FallbackFontFamily] = createFontTokens(tokenNames.bodyPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Body2Family, Body2Weight, Body2Size, Body2LineHeight, Body2FallbackFontFamily);
105
- export const [bodyPlus1EmphasizedFont, bodyPlus1EmphasizedFontColor, bodyPlus1EmphasizedDisabledFontColor, bodyPlus1EmphasizedFontFamily, bodyPlus1EmphasizedFontWeight, bodyPlus1EmphasizedFontSize, bodyPlus1EmphasizedFontLineHeight, bodyPlus1EmphasizedFallbackFontFamily] = createFontTokens(tokenNames.bodyPlus1EmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight, BodyEmphasized2FallbackFontFamily);
106
- export const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight, groupHeaderFallbackFontFamily] = createFontTokens(tokenNames.groupHeaderFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GroupLabel1Family, GroupLabel1Weight, GroupLabel1Size, GroupLabel1LineHeight, GroupLabel1FallbackFontFamily);
107
- export const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight, controlLabelFallbackFontFamily] = createFontTokens(tokenNames.controlLabelFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ControlLabel1Family, ControlLabel1Weight, ControlLabel1Size, ControlLabel1LineHeight, ControlLabel1FallbackFontFamily);
108
- export const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight, buttonLabelFallbackFontFamily] = createFontTokens(tokenNames.buttonLabelFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ButtonLabel1Family, ButtonLabel1Weight, ButtonLabel1Size, ButtonLabel1LineHeight, ButtonLabel1FallbackFontFamily);
109
- export const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight, tooltipCaptionFallbackFontFamily] = createFontTokens(tokenNames.tooltipCaptionFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), TooltipCaptionFamily, TooltipCaptionWeight, TooltipCaptionSize, TooltipCaptionLineHeight, TooltipCaptionFallbackFontFamily);
110
- export const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight, errorTextFallbackFontFamily] = createFontTokens(tokenNames.errorTextFont, (element) => getFailColorForTheme(element), (element) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3), ErrorLightUiFamily, ErrorLightUiWeight, ErrorLightUiSize, TooltipCaptionLineHeight, ErrorLightUiFallbackFontFamily);
111
- export const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight, tableHeaderFallbackFontFamily] = createFontTokens(tokenNames.tableHeaderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GridHeaderFamily, GridHeaderWeight, GridHeaderSize, TooltipCaptionLineHeight, GridHeaderFallbackFontFamily);
112
- export const [mentionFont, mentionFontColor, mentionDisabledFontColor, mentionFontFamily, mentionFontWeight, mentionFontSize, mentionFontLineHeight, mentionFallbackFontFamily] = createFontTokens(tokenNames.mentionFont, (element) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyEmphasizedWeight, BodySize, BodyLineHeight, BodyFallbackFontFamily);
69
+ export const [headlineFont, headlineFontColor, headlineDisabledFontColor, headlineFontFamily, headlineFontWeight, headlineFontSize, headlineFontLineHeight] = createFontTokens(tokenNames.headlineFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline1Family, Headline1Weight, Headline1Size, Headline1LineHeight);
70
+ export const [headlinePlus1Font, headlinePlus1FontColor, headlinePlus1DisabledFontColor, headlinePlus1FontFamily, headlinePlus1FontWeight, headlinePlus1FontSize, headlinePlus1FontLineHeight] = createFontTokens(tokenNames.headlinePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline2Family, Headline2Weight, Headline2Size, Headline2LineHeight);
71
+ export const [titlePlus2Font, titlePlus2FontColor, titlePlus2DisabledFontColor, titlePlus2FontFamily, titlePlus2FontWeight, titlePlus2FontSize, titlePlus2FontLineHeight] = createFontTokens(tokenNames.titlePlus2Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title3Family, Title3Weight, Title3Size, Title3LineHeight);
72
+ export const [titlePlus1Font, titlePlus1FontColor, titlePlus1DisabledFontColor, titlePlus1FontFamily, titlePlus1FontWeight, titlePlus1FontSize, titlePlus1FontLineHeight] = createFontTokens(tokenNames.titlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title2Family, Title2Weight, Title2Size, Title2LineHeight);
73
+ export const [titleFont, titleFontColor, titleDisabledFontColor, titleFontFamily, titleFontWeight, titleFontSize, titleFontLineHeight] = createFontTokens(tokenNames.titleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title1Family, Title1Weight, Title1Size, Title1LineHeight);
74
+ export const [subtitlePlus1Font, subtitlePlus1FontColor, subtitlePlus1DisabledFontColor, subtitlePlus1FontFamily, subtitlePlus1FontWeight, subtitlePlus1FontSize, subtitlePlus1FontLineHeight] = createFontTokens(tokenNames.subtitlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle2Family, Subtitle2Weight, Subtitle2Size, Subtitle2LineHeight);
75
+ export const [subtitleFont, subtitleFontColor, subtitleDisabledFontColor, subtitleFontFamily, subtitleFontWeight, subtitleFontSize, subtitleFontLineHeight] = createFontTokens(tokenNames.subtitleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle1Family, Subtitle1Weight, Subtitle1Size, Subtitle1LineHeight);
76
+ export const [linkFont, linkFontColor, linkDisabledFontColor, linkFontFamily, linkFontWeight, linkFontSize, linkFontLineHeight] = createFontTokens(tokenNames.linkFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
77
+ export const [linkActiveFont, linkActiveFontColor, linkActiveDisabledFontColor, linkActiveFontFamily, linkActiveFontWeight, linkActiveFontSize, linkActiveFontLineHeight] = createFontTokens(tokenNames.linkActiveFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
78
+ export const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight] = createFontTokens(tokenNames.linkProminentFont, (element) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
79
+ export const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
80
+ export const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight] = createFontTokens(tokenNames.placeholderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight);
81
+ export const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight] = createFontTokens(tokenNames.bodyFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight);
82
+ export const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight);
83
+ export const [bodyPlus1Font, bodyPlus1FontColor, bodyPlus1DisabledFontColor, bodyPlus1FontFamily, bodyPlus1FontWeight, bodyPlus1FontSize, bodyPlus1FontLineHeight] = createFontTokens(tokenNames.bodyPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Body2Family, Body2Weight, Body2Size, Body2LineHeight);
84
+ export const [bodyPlus1EmphasizedFont, bodyPlus1EmphasizedFontColor, bodyPlus1EmphasizedDisabledFontColor, bodyPlus1EmphasizedFontFamily, bodyPlus1EmphasizedFontWeight, bodyPlus1EmphasizedFontSize, bodyPlus1EmphasizedFontLineHeight] = createFontTokens(tokenNames.bodyPlus1EmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight);
85
+ export const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight] = createFontTokens(tokenNames.groupHeaderFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GroupLabel1Family, GroupLabel1Weight, GroupLabel1Size, GroupLabel1LineHeight);
86
+ export const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight] = createFontTokens(tokenNames.controlLabelFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ControlLabel1Family, ControlLabel1Weight, ControlLabel1Size, ControlLabel1LineHeight);
87
+ export const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight] = createFontTokens(tokenNames.buttonLabelFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ButtonLabel1Family, ButtonLabel1Weight, ButtonLabel1Size, ButtonLabel1LineHeight);
88
+ export const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight] = createFontTokens(tokenNames.tooltipCaptionFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), TooltipCaptionFamily, TooltipCaptionWeight, TooltipCaptionSize, TooltipCaptionLineHeight);
89
+ export const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight] = createFontTokens(tokenNames.errorTextFont, (element) => getFailColorForTheme(element), (element) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3), ErrorLightUiFamily, ErrorLightUiWeight, ErrorLightUiSize, TooltipCaptionLineHeight);
90
+ export const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight] = createFontTokens(tokenNames.tableHeaderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GridHeaderFamily, GridHeaderWeight, GridHeaderSize, TooltipCaptionLineHeight);
91
+ export const [mentionFont, mentionFontColor, mentionDisabledFontColor, mentionFontFamily, mentionFontWeight, mentionFontSize, mentionFontLineHeight] = createFontTokens(tokenNames.mentionFont, (element) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyEmphasizedWeight, BodySize, BodyLineHeight);
113
92
  // Font Transform Tokens
114
93
  export const groupHeaderTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupHeaderTextTransform)).withDefault('uppercase');
115
94
  // Animation Tokens
@@ -121,16 +100,16 @@ function hexToRgbPartial(hexValue) {
121
100
  const { r, g, b } = parseColorHexRGB(hexValue);
122
101
  return `${r * 255}, ${g * 255}, ${b * 255}`;
123
102
  }
124
- function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, family, weight, size, lineHeight, fallbackFamily) {
103
+ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, family, weight, size, lineHeight) {
125
104
  if (fontTokenName === ''
126
105
  || family === ''
127
106
  || weight === ''
128
107
  || size === ''
129
- || lineHeight === ''
130
- || fallbackFamily === '') {
108
+ || lineHeight === '') {
131
109
  throw new Error('createFontTokens parameter unexpectedly set to empty string');
132
110
  }
133
- const fontToken = DesignToken.create(styleNameFromTokenName(fontTokenName)).withDefault(`${weight} ${size}/${lineHeight} ${family}, ${fallbackFamily}`);
111
+ const familyWithFallback = `${family}, ${family} Fallback`;
112
+ const fontToken = DesignToken.create(styleNameFromTokenName(fontTokenName)).withDefault(`${weight} ${size}/${lineHeight} ${familyWithFallback}`);
134
113
  const fontNameParts = fontTokenName.split('-font');
135
114
  const tokenPrefixWithoutFont = fontNameParts[0];
136
115
  if (tokenPrefixWithoutFont === undefined || fontNameParts[1] !== '') {
@@ -138,11 +117,10 @@ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, f
138
117
  }
139
118
  const fontColorToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-color`)).withDefault((element) => colorFunction(element));
140
119
  const fontDisabledColorToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-disabled-font-color`)).withDefault((element) => disabledColorFunction(element));
141
- const fontFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)).withDefault(`${family}`);
142
- const fontWeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)).withDefault(`${weight}`);
143
- const fontSizeToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)).withDefault(`${size}`);
144
- const fontLineHeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)).withDefault(`${lineHeight}`);
145
- const fontFallbackFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-fallback-font-family`)).withDefault(`${fallbackFamily}`);
120
+ const fontFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)).withDefault(familyWithFallback);
121
+ const fontWeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)).withDefault(weight);
122
+ const fontSizeToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)).withDefault(size);
123
+ const fontLineHeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)).withDefault(lineHeight);
146
124
  return [
147
125
  fontToken,
148
126
  fontColorToken,
@@ -150,8 +128,7 @@ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, f
150
128
  fontFamilyToken,
151
129
  fontWeightToken,
152
130
  fontSizeToken,
153
- fontLineHeightToken,
154
- fontFallbackFamilyToken
131
+ fontLineHeightToken
155
132
  ];
156
133
  }
157
134
  function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor) {