@ni/nimble-components 29.1.4 → 29.1.6

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 (13) hide show
  1. package/dist/all-components-bundle.js +84 -101
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +3575 -3601
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/anchor/styles.js +2 -1
  6. package/dist/esm/anchor/styles.js.map +1 -1
  7. package/dist/esm/banner/styles.js +5 -33
  8. package/dist/esm/banner/styles.js.map +1 -1
  9. package/dist/esm/banner/template.js +53 -48
  10. package/dist/esm/banner/template.js.map +1 -1
  11. package/dist/esm/theme-provider/design-tokens.js +3 -3
  12. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  13. package/package.json +1 -1
package/dist/esm/anchor/styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '../utilities/style/display';
3
3
  import { focusVisible } from '../utilities/style/focus';
4
- import { linkActiveFontColor, linkActiveProminentFontColor, linkDisabledFontColor, linkFont, linkFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';
4
+ import { borderHoverColor, linkActiveFontColor, linkActiveProminentFontColor, linkDisabledFontColor, linkFont, linkFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';
5
5
  export const styles = css `
6
6
  @layer base, hover, focusVisible, active, disabled;
7
7
 
@@ -54,6 +54,7 @@ export const styles = css `
54
54
  outline: none;
55
55
  box-shadow: inset 0px -1px;
56
56
  text-decoration: underline;
57
+ color: ${borderHoverColor};
57
58
  }
58
59
  }
59
60
 
package/dist/esm/anchor/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,QAAQ,CAAC;;;;oBAIP,QAAQ;;;;;;;;qBAQP,aAAa;;;;;;;;;qBASb,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;kBAuBzB,YAAY;;;;;;;;;qBAST,mBAAmB;;;;;;qBAMnB,4BAA4B;;;;;;;;;;qBAU5B,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n linkActiveFontColor,\n linkActiveProminentFontColor,\n linkDisabledFontColor,\n linkFont,\n linkFontColor,\n linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n @layer base, hover, focusVisible, active, disabled;\n\n @layer base {\n ${display('inline')}\n\n :host {\n box-sizing: border-box;\n font: ${linkFont};\n }\n\n .top-container {\n display: contents;\n }\n\n .control {\n color: ${linkFontColor};\n text-decoration: underline;\n }\n\n :host([underline-hidden]) .control {\n text-decoration: none;\n }\n\n :host([appearance='prominent']) .control {\n color: ${linkProminentFontColor};\n }\n\n [part='start'] {\n display: none;\n }\n\n .content {\n pointer-events: none;\n }\n\n [part='end'] {\n display: none;\n }\n }\n\n @layer hover {\n .control:any-link:hover {\n text-decoration: underline;\n }\n }\n\n @layer focusVisible {\n .control${focusVisible} {\n outline: none;\n box-shadow: inset 0px -1px;\n text-decoration: underline;\n }\n }\n\n @layer active {\n .control:active {\n color: ${linkActiveFontColor};\n text-decoration: underline;\n box-shadow: none;\n }\n\n :host([appearance='prominent']) .control:active {\n color: ${linkActiveProminentFontColor};\n }\n\n :host([underline-hidden]) .control:active {\n text-decoration: none;\n }\n }\n\n @layer disabled {\n .control:not(:any-link) {\n color: ${linkDisabledFontColor};\n }\n }\n`;\n"]}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,QAAQ,CAAC;;;;oBAIP,QAAQ;;;;;;;;qBAQP,aAAa;;;;;;;;;qBASb,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;kBAuBzB,YAAY;;;;qBAIT,gBAAgB;;;;;;qBAMhB,mBAAmB;;;;;;qBAMnB,4BAA4B;;;;;;;;;;qBAU5B,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n borderHoverColor,\n linkActiveFontColor,\n linkActiveProminentFontColor,\n linkDisabledFontColor,\n linkFont,\n linkFontColor,\n linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n @layer base, hover, focusVisible, active, disabled;\n\n @layer base {\n ${display('inline')}\n\n :host {\n box-sizing: border-box;\n font: ${linkFont};\n }\n\n .top-container {\n display: contents;\n }\n\n .control {\n color: ${linkFontColor};\n text-decoration: underline;\n }\n\n :host([underline-hidden]) .control {\n text-decoration: none;\n }\n\n :host([appearance='prominent']) .control {\n color: ${linkProminentFontColor};\n }\n\n [part='start'] {\n display: none;\n }\n\n .content {\n pointer-events: none;\n }\n\n [part='end'] {\n display: none;\n }\n }\n\n @layer hover {\n .control:any-link:hover {\n text-decoration: underline;\n }\n }\n\n @layer focusVisible {\n .control${focusVisible} {\n outline: none;\n box-shadow: inset 0px -1px;\n text-decoration: underline;\n color: ${borderHoverColor};\n }\n }\n\n @layer active {\n .control:active {\n color: ${linkActiveFontColor};\n text-decoration: underline;\n box-shadow: none;\n }\n\n :host([appearance='prominent']) .control:active {\n color: ${linkActiveProminentFontColor};\n }\n\n :host([underline-hidden]) .control:active {\n text-decoration: none;\n }\n }\n\n @layer disabled {\n .control:not(:any-link) {\n color: ${linkDisabledFontColor};\n }\n }\n`;\n"]}
package/dist/esm/banner/styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { BannerFail100DarkUi, Black75, Fail100LightUi, Information100DarkUi, Information100LightUi, Warning100DarkUi, Warning100LightUi, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
3
3
  import { display } from '../utilities/style/display';
4
- import { actionRgbPartialColor, applicationBackgroundColor, bodyFont, borderHoverColor, buttonLabelFontColor, controlHeight, controlSlimHeight, fillSelectedColor, iconColor, iconSize, linkActiveFontColor, linkDisabledFontColor, linkFontColor, standardPadding } from '../theme-provider/design-tokens';
4
+ import { applicationBackgroundColor, bodyFont, bodyFontColor, controlHeight, controlSlimHeight, smallPadding, standardPadding } from '../theme-provider/design-tokens';
5
5
  import { Theme } from '../theme-provider/types';
6
6
  import { hexToRgbaCssColor } from '../utilities/style/colors';
7
7
  import { themeBehavior } from '../utilities/style/theme';
@@ -14,8 +14,6 @@ export const styles = css `
14
14
  font-size: 12.8px;
15
15
  align-items: top;
16
16
  overflow: hidden;
17
- color: ${White};
18
- ${iconColor.cssCustomProperty}: ${hexToRgbaCssColor(White, 0.6)};
19
17
  }
20
18
 
21
19
  :host(:not([open])) {
@@ -23,6 +21,7 @@ export const styles = css `
23
21
  }
24
22
 
25
23
  .container {
24
+ color: ${bodyFontColor};
26
25
  display: flex;
27
26
  width: 100%;
28
27
  }
@@ -33,6 +32,7 @@ export const styles = css `
33
32
  justify-content: center;
34
33
  margin-top: 8px;
35
34
  flex: 0 0 auto;
35
+ opacity: 0.6;
36
36
  }
37
37
 
38
38
  .text {
@@ -59,6 +59,8 @@ export const styles = css `
59
59
  align-items: center;
60
60
  justify-content: center;
61
61
  align-self: flex-start;
62
+ margin-top: ${smallPadding};
63
+ ${controlHeight.cssCustomProperty}: ${controlSlimHeight};
62
64
  }
63
65
 
64
66
  slot[name='action'] {
@@ -69,44 +71,14 @@ export const styles = css `
69
71
  }
70
72
 
71
73
  slot[name='action']::slotted(nimble-anchor) {
72
- ${linkFontColor.cssCustomProperty}: ${White};
73
- ${linkDisabledFontColor.cssCustomProperty}: ${White};
74
- ${linkActiveFontColor.cssCustomProperty}: ${hexToRgbaCssColor(White, 0.6)};
75
74
  font-size: 12.8px;
76
75
  }
77
76
 
78
- slot[name='action']::slotted(nimble-button) {
79
- ${controlHeight.cssCustomProperty}: ${controlSlimHeight};
80
- ${buttonLabelFontColor.cssCustomProperty}: ${White};
81
- ${fillSelectedColor.cssCustomProperty}: ${hexToRgbaCssColor(White, 0.2)};
82
- ${borderHoverColor.cssCustomProperty}: ${White};
83
- }
84
-
85
- slot[name='action']::slotted(nimble-button[appearance='outline']) {
86
- ${actionRgbPartialColor.cssCustomProperty}: ${White}
87
- }
88
-
89
77
  .dismiss {
90
78
  width: 48px;
91
79
  display: flex;
92
80
  justify-content: center;
93
81
  }
94
-
95
- .dismiss nimble-button {
96
- ${controlHeight.cssCustomProperty}: 16px;
97
- ${iconSize.cssCustomProperty}: 14px;
98
- ${buttonLabelFontColor.cssCustomProperty}: ${White};
99
- ${borderHoverColor.cssCustomProperty}: transparent;
100
- ${fillSelectedColor.cssCustomProperty}: ${hexToRgbaCssColor(White, 0.2)};
101
- }
102
-
103
- .dismiss nimble-button:focus-within {
104
- outline: 2px solid ${White};
105
- }
106
-
107
- .dismiss nimble-button:hover {
108
- background: ${hexToRgbaCssColor(White, 0.2)};
109
- }
110
82
  `.withBehaviors(themeBehavior(Theme.light, css `
111
83
  :host {
112
84
  background: ${Black75};
package/dist/esm/banner/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/banner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,0BAA0B,EAC1B,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,EACb,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;iBAIP,KAAK;UACZ,SAAS,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkC7D,gBAAgB;;;;kBAIR,aAAa;;;;;;;;;;;uBAWR,eAAe;;;;;UAK5B,aAAa,CAAC,iBAAiB,KAAK,KAAK;UACzC,qBAAqB,CAAC,iBAAiB,KAAK,KAAK;UACjD,mBAAmB,CAAC,iBAAiB,KAAK,iBAAiB,CACzD,KAAK,EACL,GAAG,CACN;;;;;UAKC,aAAa,CAAC,iBAAiB,KAAK,iBAAiB;UACrD,oBAAoB,CAAC,iBAAiB,KAAK,KAAK;UAChD,iBAAiB,CAAC,iBAAiB,KAAK,iBAAiB,CACvD,KAAK,EACL,GAAG,CACN;UACC,gBAAgB,CAAC,iBAAiB,KAAK,KAAK;;;;UAI5C,qBAAqB,CAAC,iBAAiB,KAAK,KAAK;;;;;;;;;;UAUjD,aAAa,CAAC,iBAAiB;UAC/B,QAAQ,CAAC,iBAAiB;UAC1B,oBAAoB,CAAC,iBAAiB,KAAK,KAAK;UAChD,gBAAgB,CAAC,iBAAiB;UAClC,iBAAiB,CAAC,iBAAiB,KAAK,iBAAiB,CACvD,KAAK,EACL,GAAG,CACN;;;;6BAIoB,KAAK;;;;sBAIZ,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;CAElD,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,cAAc;;;;8BAId,iBAAiB;;;;8BAIjB,qBAAqB;;SAE1C,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,mBAAmB;;;;8BAInB,gBAAgB;;;;8BAIhB,oBAAoB;;SAEzC,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,0BAA0B;;;;8BAI1B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAElD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n BannerFail100DarkUi,\n Black75,\n Fail100LightUi,\n Information100DarkUi,\n Information100LightUi,\n Warning100DarkUi,\n Warning100LightUi,\n White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n actionRgbPartialColor,\n applicationBackgroundColor,\n bodyFont,\n borderHoverColor,\n buttonLabelFontColor,\n controlHeight,\n controlSlimHeight,\n fillSelectedColor,\n iconColor,\n iconSize,\n linkActiveFontColor,\n linkDisabledFontColor,\n linkFontColor,\n standardPadding\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n font: ${bodyFont};\n font-size: 12.8px;\n align-items: top;\n overflow: hidden;\n color: ${White};\n ${iconColor.cssCustomProperty}: ${hexToRgbaCssColor(White, 0.6)};\n }\n\n :host(:not([open])) {\n display: none;\n }\n\n .container {\n display: flex;\n width: 100%;\n }\n\n .icon {\n width: 48px;\n display: flex;\n justify-content: center;\n margin-top: 8px;\n flex: 0 0 auto;\n }\n\n .text {\n display: inline;\n margin-top: 7px;\n margin-bottom: 7px;\n }\n\n slot[name='title'] {\n display: inline;\n font-weight: bold;\n padding-right: 8px;\n white-space: nowrap;\n }\n\n :host([title-hidden]) slot[name='title'] {\n ${accessiblyHidden}\n }\n\n .controls {\n height: ${controlHeight};\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n align-self: flex-start;\n }\n\n slot[name='action'] {\n display: flex;\n align-content: center;\n margin-left: ${standardPadding};\n white-space: nowrap;\n }\n\n slot[name='action']::slotted(nimble-anchor) {\n ${linkFontColor.cssCustomProperty}: ${White};\n ${linkDisabledFontColor.cssCustomProperty}: ${White};\n ${linkActiveFontColor.cssCustomProperty}: ${hexToRgbaCssColor(\n White,\n 0.6\n )};\n font-size: 12.8px;\n }\n\n slot[name='action']::slotted(nimble-button) {\n ${controlHeight.cssCustomProperty}: ${controlSlimHeight};\n ${buttonLabelFontColor.cssCustomProperty}: ${White};\n ${fillSelectedColor.cssCustomProperty}: ${hexToRgbaCssColor(\n White,\n 0.2\n )};\n ${borderHoverColor.cssCustomProperty}: ${White};\n }\n\n slot[name='action']::slotted(nimble-button[appearance='outline']) {\n ${actionRgbPartialColor.cssCustomProperty}: ${White}\n }\n\n .dismiss {\n width: 48px;\n display: flex;\n justify-content: center;\n }\n\n .dismiss nimble-button {\n ${controlHeight.cssCustomProperty}: 16px;\n ${iconSize.cssCustomProperty}: 14px;\n ${buttonLabelFontColor.cssCustomProperty}: ${White};\n ${borderHoverColor.cssCustomProperty}: transparent;\n ${fillSelectedColor.cssCustomProperty}: ${hexToRgbaCssColor(\n White,\n 0.2\n )};\n }\n\n .dismiss nimble-button:focus-within {\n outline: 2px solid ${White};\n }\n\n .dismiss nimble-button:hover {\n background: ${hexToRgbaCssColor(White, 0.2)};\n }\n`.withBehaviors(\n themeBehavior(\n Theme.light,\n css`\n :host {\n background: ${Black75};\n }\n\n :host([severity='error']) {\n background: ${Fail100LightUi};\n }\n\n :host([severity='warning']) {\n background: ${Warning100LightUi};\n }\n\n :host([severity='information']) {\n background: ${Information100LightUi};\n }\n `\n ),\n themeBehavior(\n Theme.dark,\n css`\n :host {\n background: ${Black75};\n }\n\n :host([severity='error']) {\n background: ${BannerFail100DarkUi};\n }\n\n :host([severity='warning']) {\n background: ${Warning100DarkUi};\n }\n\n :host([severity='information']) {\n background: ${Information100DarkUi};\n }\n `\n ),\n themeBehavior(\n Theme.color,\n css`\n :host {\n background: ${applicationBackgroundColor};\n }\n\n .container {\n background: ${hexToRgbaCssColor(White, 0.3)};\n }\n `\n )\n);\n"]}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/banner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;;;;;;;;iBAWP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4BpB,gBAAgB;;;;kBAIR,aAAa;;;;;;sBAMT,YAAY;UACxB,aAAa,CAAC,iBAAiB,KAAK,iBAAiB;;;;;;uBAMxC,eAAe;;;;;;;;;;;;;CAarC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,cAAc;;;;8BAId,iBAAiB;;;;8BAIjB,qBAAqB;;SAE1C,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,mBAAmB;;;;8BAInB,gBAAgB;;;;8BAIhB,oBAAoB;;SAEzC,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,0BAA0B;;;;8BAI1B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAElD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n BannerFail100DarkUi,\n Black75,\n Fail100LightUi,\n Information100DarkUi,\n Information100LightUi,\n Warning100DarkUi,\n Warning100LightUi,\n White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n applicationBackgroundColor,\n bodyFont,\n bodyFontColor,\n controlHeight,\n controlSlimHeight,\n smallPadding,\n standardPadding\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n font: ${bodyFont};\n font-size: 12.8px;\n align-items: top;\n overflow: hidden;\n }\n\n :host(:not([open])) {\n display: none;\n }\n\n .container {\n color: ${bodyFontColor};\n display: flex;\n width: 100%;\n }\n\n .icon {\n width: 48px;\n display: flex;\n justify-content: center;\n margin-top: 8px;\n flex: 0 0 auto;\n opacity: 0.6;\n }\n\n .text {\n display: inline;\n margin-top: 7px;\n margin-bottom: 7px;\n }\n\n slot[name='title'] {\n display: inline;\n font-weight: bold;\n padding-right: 8px;\n white-space: nowrap;\n }\n\n :host([title-hidden]) slot[name='title'] {\n ${accessiblyHidden}\n }\n\n .controls {\n height: ${controlHeight};\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n align-self: flex-start;\n margin-top: ${smallPadding};\n ${controlHeight.cssCustomProperty}: ${controlSlimHeight};\n }\n\n slot[name='action'] {\n display: flex;\n align-content: center;\n margin-left: ${standardPadding};\n white-space: nowrap;\n }\n\n slot[name='action']::slotted(nimble-anchor) {\n font-size: 12.8px;\n }\n\n .dismiss {\n width: 48px;\n display: flex;\n justify-content: center;\n }\n`.withBehaviors(\n themeBehavior(\n Theme.light,\n css`\n :host {\n background: ${Black75};\n }\n\n :host([severity='error']) {\n background: ${Fail100LightUi};\n }\n\n :host([severity='warning']) {\n background: ${Warning100LightUi};\n }\n\n :host([severity='information']) {\n background: ${Information100LightUi};\n }\n `\n ),\n themeBehavior(\n Theme.dark,\n css`\n :host {\n background: ${Black75};\n }\n\n :host([severity='error']) {\n background: ${BannerFail100DarkUi};\n }\n\n :host([severity='warning']) {\n background: ${Warning100DarkUi};\n }\n\n :host([severity='information']) {\n background: ${Information100DarkUi};\n }\n `\n ),\n themeBehavior(\n Theme.color,\n css`\n :host {\n background: ${applicationBackgroundColor};\n }\n\n .container {\n background: ${hexToRgbaCssColor(White, 0.3)};\n }\n `\n )\n);\n"]}
package/dist/esm/banner/template.js CHANGED
@@ -3,60 +3,65 @@ import { buttonTag } from '../button';
3
3
  import { iconExclamationMarkTag } from '../icons/exclamation-mark';
4
4
  import { iconInfoTag } from '../icons/info';
5
5
  import { iconTriangleFilledTag } from '../icons/triangle-filled';
6
- import { iconXmarkTag } from '../icons/xmark';
6
+ import { iconTimesTag } from '../icons/times';
7
7
  import { BannerSeverity } from './types';
8
8
  import { popupIconErrorLabel, popupIconInformationLabel, popupDismissLabel, popupIconWarningLabel } from '../label-provider/core/label-tokens';
9
+ import { themeProviderTag } from '../theme-provider';
10
+ import { Theme } from '../theme-provider/types';
11
+ import { ButtonAppearance, ButtonAppearanceVariant } from '../button/types';
9
12
  // prettier-ignore
10
13
  export const template = html `
11
- <div class="container"
12
- role="status"
13
- aria-atomic="${x => x.ariaAtomic}"
14
- aria-busy="${x => x.ariaBusy}"
15
- aria-controls="${x => x.ariaControls}"
16
- aria-current="${x => x.ariaCurrent}"
17
- aria-describedby="${x => x.ariaDescribedby}"
18
- aria-details="${x => x.ariaDetails}"
19
- aria-disabled="${x => x.ariaDisabled}"
20
- aria-errormessage="${x => x.ariaErrormessage}"
21
- aria-expanded="${x => x.ariaExpanded}"
22
- aria-flowto="${x => x.ariaFlowto}"
23
- aria-haspopup="${x => x.ariaHaspopup}"
24
- aria-hidden="${x => x.ariaHidden}"
25
- aria-invalid="${x => x.ariaInvalid}"
26
- aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
27
- aria-label="${x => x.ariaLabel}"
28
- aria-labelledby="titleSlot"
29
- aria-live="${x => x.ariaLive}"
30
- aria-owns="${x => x.ariaOwns}"
31
- aria-relevant="${x => x.ariaRelevant}"
32
- aria-roledescription="${x => x.ariaRoledescription}"
33
- >
34
- <div class="icon">
35
- ${when(x => x.severity === BannerSeverity.error, html `
36
- <${iconExclamationMarkTag} role="img" aria-label="${x => popupIconErrorLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
37
- `)}
38
- ${when(x => x.severity === BannerSeverity.warning, html `
39
- <${iconTriangleFilledTag} role="img" aria-label="${x => popupIconWarningLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
40
- `)}
41
- ${when(x => x.severity === BannerSeverity.information, html `
42
- <${iconInfoTag} role="img" aria-label="${x => popupIconInformationLabel.getValueFor(x)}"></${iconInfoTag}>
43
- `)}
44
- </div>
45
- <div class="text">
46
- <slot name="title" id="titleSlot"></slot>
47
- <slot></slot>
48
- </div>
49
- <div class="controls">
50
- <slot name="action"></slot>
51
- <div class="dismiss">
52
- ${when(x => !x.preventDismiss, html `
53
- <${buttonTag} appearance="ghost" content-hidden @click="${x => x.dismissBanner()}">
54
- <${iconXmarkTag} slot="start"></${iconXmarkTag}>
55
- ${x => popupDismissLabel.getValueFor(x)}
56
- </${buttonTag}>
14
+ <${themeProviderTag} theme="${Theme.color}">
15
+ <div class="container"
16
+ role="status"
17
+ aria-atomic="${x => x.ariaAtomic}"
18
+ aria-busy="${x => x.ariaBusy}"
19
+ aria-controls="${x => x.ariaControls}"
20
+ aria-current="${x => x.ariaCurrent}"
21
+ aria-describedby="${x => x.ariaDescribedby}"
22
+ aria-details="${x => x.ariaDetails}"
23
+ aria-disabled="${x => x.ariaDisabled}"
24
+ aria-errormessage="${x => x.ariaErrormessage}"
25
+ aria-expanded="${x => x.ariaExpanded}"
26
+ aria-flowto="${x => x.ariaFlowto}"
27
+ aria-haspopup="${x => x.ariaHaspopup}"
28
+ aria-hidden="${x => x.ariaHidden}"
29
+ aria-invalid="${x => x.ariaInvalid}"
30
+ aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
31
+ aria-label="${x => x.ariaLabel}"
32
+ aria-labelledby="titleSlot"
33
+ aria-live="${x => x.ariaLive}"
34
+ aria-owns="${x => x.ariaOwns}"
35
+ aria-relevant="${x => x.ariaRelevant}"
36
+ aria-roledescription="${x => x.ariaRoledescription}"
37
+ >
38
+ <div class="icon">
39
+ ${when(x => x.severity === BannerSeverity.error, html `
40
+ <${iconExclamationMarkTag} role="img" aria-label="${x => popupIconErrorLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
41
+ `)}
42
+ ${when(x => x.severity === BannerSeverity.warning, html `
43
+ <${iconTriangleFilledTag} role="img" aria-label="${x => popupIconWarningLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
57
44
  `)}
45
+ ${when(x => x.severity === BannerSeverity.information, html `
46
+ <${iconInfoTag} role="img" aria-label="${x => popupIconInformationLabel.getValueFor(x)}"></${iconInfoTag}>
47
+ `)}
48
+ </div>
49
+ <div class="text">
50
+ <slot name="title" id="titleSlot"></slot>
51
+ <slot></slot>
52
+ </div>
53
+ <div class="controls">
54
+ <slot name="action"></slot>
55
+ <div class="dismiss">
56
+ ${when(x => !x.preventDismiss, html `
57
+ <${buttonTag} appearance="${ButtonAppearance.ghost}" appearance-variant="${ButtonAppearanceVariant.primary}" content-hidden @click="${x => x.dismissBanner()}">
58
+ <${iconTimesTag} slot="start"></${iconTimesTag}>
59
+ ${x => popupDismissLabel.getValueFor(x)}
60
+ </${buttonTag}>
61
+ `)}
62
+ </div>
58
63
  </div>
59
64
  </div>
60
- </div>
65
+ </${themeProviderTag}>
61
66
  `;
62
67
  //# sourceMappingURL=template.js.map
package/dist/esm/banner/template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/banner/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, when } from '@microsoft/fast-element';\nimport type { Banner } from '.';\nimport { buttonTag } from '../button';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { iconXmarkTag } from '../icons/xmark';\nimport { BannerSeverity } from './types';\nimport {\n popupIconErrorLabel,\n popupIconInformationLabel,\n popupDismissLabel,\n popupIconWarningLabel\n} from '../label-provider/core/label-tokens';\n\n// prettier-ignore\nexport const template = html<Banner>`\n <div class=\"container\"\n role=\"status\"\n aria-atomic=\"${x => x.ariaAtomic}\"\n aria-busy=\"${x => x.ariaBusy}\"\n aria-controls=\"${x => x.ariaControls}\"\n aria-current=\"${x => x.ariaCurrent}\"\n aria-describedby=\"${x => x.ariaDescribedby}\"\n aria-details=\"${x => x.ariaDetails}\"\n aria-disabled=\"${x => x.ariaDisabled}\"\n aria-errormessage=\"${x => x.ariaErrormessage}\"\n aria-expanded=\"${x => x.ariaExpanded}\"\n aria-flowto=\"${x => x.ariaFlowto}\"\n aria-haspopup=\"${x => x.ariaHaspopup}\"\n aria-hidden=\"${x => x.ariaHidden}\"\n aria-invalid=\"${x => x.ariaInvalid}\"\n aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n aria-label=\"${x => x.ariaLabel}\"\n aria-labelledby=\"titleSlot\"\n aria-live=\"${x => x.ariaLive}\"\n aria-owns=\"${x => x.ariaOwns}\"\n aria-relevant=\"${x => x.ariaRelevant}\"\n aria-roledescription=\"${x => x.ariaRoledescription}\"\n >\n <div class=\"icon\">\n ${when(x => x.severity === BannerSeverity.error, html<Banner>`\n <${iconExclamationMarkTag} role=\"img\" aria-label=\"${x => popupIconErrorLabel.getValueFor(x)}\"></${iconExclamationMarkTag}>\n `)}\n ${when(x => x.severity === BannerSeverity.warning, html<Banner>`\n <${iconTriangleFilledTag} role=\"img\" aria-label=\"${x => popupIconWarningLabel.getValueFor(x)}\"></${iconTriangleFilledTag}>\n `)}\n ${when(x => x.severity === BannerSeverity.information, html<Banner>`\n <${iconInfoTag} role=\"img\" aria-label=\"${x => popupIconInformationLabel.getValueFor(x)}\"></${iconInfoTag}>\n `)}\n </div>\n <div class=\"text\">\n <slot name=\"title\" id=\"titleSlot\"></slot>\n <slot></slot>\n </div>\n <div class=\"controls\">\n <slot name=\"action\"></slot>\n <div class=\"dismiss\">\n ${when(x => !x.preventDismiss, html<Banner>`\n <${buttonTag} appearance=\"ghost\" content-hidden @click=\"${x => x.dismissBanner()}\">\n <${iconXmarkTag} slot=\"start\"></${iconXmarkTag}>\n ${x => popupDismissLabel.getValueFor(x)}\n </${buttonTag}>\n `)}\n </div>\n </div>\n </div>\n`;\n"]}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/banner/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, when } from '@microsoft/fast-element';\nimport type { Banner } from '.';\nimport { buttonTag } from '../button';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { iconTimesTag } from '../icons/times';\nimport { BannerSeverity } from './types';\nimport {\n popupIconErrorLabel,\n popupIconInformationLabel,\n popupDismissLabel,\n popupIconWarningLabel\n} from '../label-provider/core/label-tokens';\nimport { themeProviderTag } from '../theme-provider';\nimport { Theme } from '../theme-provider/types';\nimport { ButtonAppearance, ButtonAppearanceVariant } from '../button/types';\n\n// prettier-ignore\nexport const template = html<Banner>`\n <${themeProviderTag} theme=\"${Theme.color}\">\n <div class=\"container\"\n role=\"status\"\n aria-atomic=\"${x => x.ariaAtomic}\"\n aria-busy=\"${x => x.ariaBusy}\"\n aria-controls=\"${x => x.ariaControls}\"\n aria-current=\"${x => x.ariaCurrent}\"\n aria-describedby=\"${x => x.ariaDescribedby}\"\n aria-details=\"${x => x.ariaDetails}\"\n aria-disabled=\"${x => x.ariaDisabled}\"\n aria-errormessage=\"${x => x.ariaErrormessage}\"\n aria-expanded=\"${x => x.ariaExpanded}\"\n aria-flowto=\"${x => x.ariaFlowto}\"\n aria-haspopup=\"${x => x.ariaHaspopup}\"\n aria-hidden=\"${x => x.ariaHidden}\"\n aria-invalid=\"${x => x.ariaInvalid}\"\n aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n aria-label=\"${x => x.ariaLabel}\"\n aria-labelledby=\"titleSlot\"\n aria-live=\"${x => x.ariaLive}\"\n aria-owns=\"${x => x.ariaOwns}\"\n aria-relevant=\"${x => x.ariaRelevant}\"\n aria-roledescription=\"${x => x.ariaRoledescription}\"\n >\n <div class=\"icon\">\n ${when(x => x.severity === BannerSeverity.error, html<Banner>`\n <${iconExclamationMarkTag} role=\"img\" aria-label=\"${x => popupIconErrorLabel.getValueFor(x)}\"></${iconExclamationMarkTag}>\n `)}\n ${when(x => x.severity === BannerSeverity.warning, html<Banner>`\n <${iconTriangleFilledTag} role=\"img\" aria-label=\"${x => popupIconWarningLabel.getValueFor(x)}\"></${iconTriangleFilledTag}>\n `)}\n ${when(x => x.severity === BannerSeverity.information, html<Banner>`\n <${iconInfoTag} role=\"img\" aria-label=\"${x => popupIconInformationLabel.getValueFor(x)}\"></${iconInfoTag}>\n `)}\n </div>\n <div class=\"text\">\n <slot name=\"title\" id=\"titleSlot\"></slot>\n <slot></slot>\n </div>\n <div class=\"controls\">\n <slot name=\"action\"></slot>\n <div class=\"dismiss\">\n ${when(x => !x.preventDismiss, html<Banner>`\n <${buttonTag} appearance=\"${ButtonAppearance.ghost}\" appearance-variant=\"${ButtonAppearanceVariant.primary}\" content-hidden @click=\"${x => x.dismissBanner()}\">\n <${iconTimesTag} slot=\"start\"></${iconTimesTag}>\n ${x => popupDismissLabel.getValueFor(x)}\n </${buttonTag}>\n `)}\n </div>\n </div>\n </div>\n </${themeProviderTag}>\n`;\n"]}
package/dist/esm/theme-provider/design-tokens.js CHANGED
@@ -75,9 +75,9 @@ export const [titleFont, titleFontColor, titleDisabledFontColor, titleFontFamily
75
75
  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);
76
76
  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);
77
77
  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);
78
- 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);
79
- 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);
80
- 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);
78
+ export const [linkActiveFont, linkActiveFontColor, linkActiveDisabledFontColor, linkActiveFontFamily, linkActiveFontWeight, linkActiveFontSize, linkActiveFontLineHeight] = createFontTokens(tokenNames.linkActiveFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.75)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
79
+ export const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight] = createFontTokens(tokenNames.linkProminentFont, (element) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, White), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
80
+ export const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.75)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
81
81
  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);
82
82
  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);
83
83
  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);
package/dist/esm/theme-provider/design-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,UAAU,EACV,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACtB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACH,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EACrC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,eAAe;AACf,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAE7G,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC,MAAM,CACxD,sBAAsB,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAChE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAC/C,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACvD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEvG,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC,MAAM,CACzD,sBAAsB,CAAC,UAAU,CAAC,2BAA2B,CAAC,CACjE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAExG,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAC5C,sBAAsB,CAAC,UAAU,CAAC,cAAc,CAAC,CACpD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpG,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CACtD,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAC9D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAEpG,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE/F,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AAEzG,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AAE5F,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACpD,OAAO,EACP,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,EAChC,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC,EAC/B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AAE5F,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACpD,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC,MAAM,CACxD,sBAAsB,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAChE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC,MAAM,CAC1D,sBAAsB,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAClE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AAE3G,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC,MAAM,CAC5D,sBAAsB,CAAC,UAAU,CAAC,8BAA8B,CAAC,CACpE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACpD,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAChC,CAAC,CAAC;AAEH,0BAA0B;AAC1B,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAC/C,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACvD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CACtC,sBAAsB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC9C,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAC/C,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACvD,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AAC7B,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAClD,sBAAsB,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAC1D,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACxB,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAC/C,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACvD,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAClD,sBAAsB,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAC1D,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvB,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAErB,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAEtB,qBAAqB;AACrB,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CACT,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,iBAAiB,CACtD,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC9C,IAAI,CACP,EAAE,CACN,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CACT,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,iBAAiB,CACtD,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC9C,IAAI,CACP,EAAE,CACN,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CACT,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,iBAAiB,CACtD,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC9C,GAAG,CACN,EAAE,CACN,CAAC;AAEF,cAAc;AACd,MAAM,CAAC,MAAM,CACT,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,CACzB,GAAG,gBAAgB,CAChB,UAAU,CAAC,YAAY,EACvB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,iBAAiB,EACjB,sBAAsB,EACtB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,CAC9B,GAAG,gBAAgB,CAChB,UAAU,CAAC,iBAAiB,EAC5B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,CAC3B,GAAG,gBAAgB,CAChB,UAAU,CAAC,cAAc,EACzB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,CAC3B,GAAG,gBAAgB,CAChB,UAAU,CAAC,cAAc,EACzB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,SAAS,EACT,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,CACtB,GAAG,gBAAgB,CAChB,UAAU,CAAC,SAAS,EACpB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,iBAAiB,EACjB,sBAAsB,EACtB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,CAC9B,GAAG,gBAAgB,CAChB,UAAU,CAAC,iBAAiB,EAC5B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,CACzB,GAAG,gBAAgB,CAChB,UAAU,CAAC,YAAY,EACvB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,kBAAkB,CACrB,GAAG,gBAAgB,CAChB,UAAU,CAAC,QAAQ,EACnB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,CAC3B,GAAG,gBAAgB,CAChB,UAAU,CAAC,cAAc,EACzB,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACtC,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAChC,EACD,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,iBAAiB,EACjB,sBAAsB,EACtB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,CAC9B,GAAG,gBAAgB,CAChB,UAAU,CAAC,iBAAiB,EAC5B,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,UAAU,CAAC,EAChG,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,uBAAuB,EACvB,4BAA4B,EAC5B,oCAAoC,EACpC,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,CACpC,GAAG,gBAAgB,CAChB,UAAU,CAAC,uBAAuB,EAClC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACtC,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAChC,EACD,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,CAC5B,GAAG,gBAAgB,CAChB,UAAU,CAAC,eAAe,EAC1B,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,kBAAkB,CACrB,GAAG,gBAAgB,CAChB,UAAU,CAAC,QAAQ,EACnB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,cAAc,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,kBAAkB,EAClB,uBAAuB,EACvB,+BAA+B,EAC/B,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,CAC/B,GAAG,gBAAgB,CAChB,UAAU,CAAC,kBAAkB,EAC7B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,aAAa,EACb,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,CAC1B,GAAG,gBAAgB,CAChB,UAAU,CAAC,aAAa,EACxB,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,uBAAuB,EACvB,4BAA4B,EAC5B,oCAAoC,EACpC,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,CACpC,GAAG,gBAAgB,CAChB,UAAU,CAAC,uBAAuB,EAClC,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,CAC5B,GAAG,gBAAgB,CAChB,UAAU,CAAC,eAAe,EAC1B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,gBAAgB,EAChB,qBAAqB,EACrB,6BAA6B,EAC7B,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,CAC7B,GAAG,gBAAgB,CAChB,UAAU,CAAC,gBAAgB,EAC3B,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,CAC5B,GAAG,gBAAgB,CAChB,UAAU,CAAC,eAAe,EAC1B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,kBAAkB,EAClB,uBAAuB,EACvB,+BAA+B,EAC/B,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,CAC/B,GAAG,gBAAgB,CAChB,UAAU,CAAC,kBAAkB,EAC7B,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAC9D,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,aAAa,EACb,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,CAC1B,GAAG,gBAAgB,CAChB,UAAU,CAAC,aAAa,EACxB,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,EACvD,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAC/E,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,CAC5B,GAAG,gBAAgB,CAChB,UAAU,CAAC,eAAe,EAC1B,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,wBAAwB,CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,CACT,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,CACxB,GAAG,gBAAgB,CAChB,UAAU,CAAC,WAAW,EACtB,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,CAAC,EAC7F,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EACtF,UAAU,EACV,oBAAoB,EACpB,QAAQ,EACR,cAAc,CACjB,CAAC;AAEF,wBAAwB;AACxB,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CACtD,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAC9D,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;AAE3B,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CACxC,sBAAsB,CAAC,UAAU,CAAC,UAAU,CAAC,CAChD,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1B,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CACxC,sBAAsB,CAAC,UAAU,CAAC,UAAU,CAAC,CAChD,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAE1B,4BAA4B;AAC5B,SAAS,eAAe,CAAC,QAAgB;IACrC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAE,CAAC;IAChD,OAAO,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;AAChD,CAAC;AAED,SAAS,gBAAgB,CACrB,aAAqB,EACrB,aAA+C,EAC/C,qBAAuD,EACvD,MAAc,EACd,MAAc,EACd,IAAY,EACZ,UAAkB;IAUlB,IACI,aAAa,KAAK,EAAE;WACjB,MAAM,KAAK,EAAE;WACb,MAAM,KAAK,EAAE;WACb,IAAI,KAAK,EAAE;WACX,UAAU,KAAK,EAAE,EACtB;QACE,MAAM,IAAI,KAAK,CACX,6DAA6D,CAChE,CAAC;KACL;IAED,MAAM,kBAAkB,GAAG,GAAG,MAAM,KAAK,MAAM,WAAW,CAAC;IAC3D,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAChC,sBAAsB,CAAC,aAAa,CAAC,CACxC,CAAC,WAAW,CAAC,GAAG,MAAM,IAAI,IAAI,IAAI,UAAU,IAAI,kBAAkB,EAAE,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,sBAAsB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAChD,IAAI,sBAAsB,KAAK,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;QACjE,MAAM,IAAI,KAAK,CACX,0BAA0B,aAAa,2CAA2C,CACrF,CAAC;KACL;IAED,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CACrC,sBAAsB,CAAC,GAAG,sBAAsB,aAAa,CAAC,CACjE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhE,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,GAAG,sBAAsB,sBAAsB,CAAC,CAC1E,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IAExE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CACtC,sBAAsB,CAAC,GAAG,sBAAsB,cAAc,CAAC,CAClE,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CACtC,sBAAsB,CAAC,GAAG,sBAAsB,cAAc,CAAC,CAClE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEtB,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CACpC,sBAAsB,CAAC,GAAG,sBAAsB,YAAY,CAAC,CAChE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEpB,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,GAAG,sBAAsB,mBAAmB,CAAC,CACvE,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE1B,OAAO;QACH,SAAS;QACT,cAAc;QACd,sBAAsB;QACtB,eAAe;QACf,eAAe;QACf,aAAa;QACb,mBAAmB;KACb,CAAC;AACf,CAAC;AAED,SAAS,gBAAgB,CACrB,OAAoB,EACpB,eAAuB,EACvB,cAAsB,EACtB,eAAuB;IAEvB,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,eAAe,CAAC;QAC3B,KAAK,KAAK,CAAC,IAAI;YACX,OAAO,cAAc,CAAC;QAC1B,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,eAAe,CAAC;QAC3B;YACI,OAAO,eAAe,CAAC;KAC9B;AACL,CAAC;AAED,SAAS,uBAAuB,CAAC,OAAoB;IACjD,OAAO,gBAAgB,CACnB,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,CACR,CAAC;AACN,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAC9C,OAAO,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAC9C,OAAO,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAoB;IACrD,OAAO,gBAAgB,CACnB,OAAO,EACP,qBAAqB,EACrB,oBAAoB,EACpB,KAAK,CACR,CAAC;AACN,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAoB;IACrD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAoB;IACrD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,4BAA4B,CAAC,OAAoB;IACtD,OAAO,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAoB;IACnD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAoB;IAClD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAoB;IAClD,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,kCAAkC,CAAC;QAC9C,KAAK,KAAK,CAAC,IAAI;YACX,OAAO,iCAAiC,CAAC;QAC7C,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,kCAAkC,CAAC;QAC9C;YACI,OAAO,kCAAkC,CAAC;KACjD;AACL,CAAC","sourcesContent":["import { CSSDesignToken, DesignToken } from '@microsoft/fast-foundation';\nimport { parseColorHexRGB } from '@microsoft/fast-colors';\nimport {\n Black,\n Black7,\n Black15,\n Black80,\n Black85,\n Black88,\n Black91,\n White,\n ForestGreen,\n DigitalGreenLight,\n Fail100LightUi,\n SmallDelay,\n MediumDelay,\n LargeDelay,\n Fail100DarkUi,\n Warning100LightUi,\n Warning100DarkUi,\n Pass100LightUi,\n Pass100DarkUi,\n BodyFamily,\n BodySize,\n BodyWeight,\n Body2Family,\n Body2Size,\n Body2Weight,\n ControlLabel1Family,\n ControlLabel1Size,\n ControlLabel1Weight,\n GroupLabel1Family,\n GroupLabel1Size,\n GroupLabel1Weight,\n Headline2Size,\n Headline2Family,\n Headline2Weight,\n Headline1Size,\n Headline1Family,\n Headline1Weight,\n Title3Size,\n Title3Family,\n Title3Weight,\n Title2Size,\n Title2Family,\n Title2Weight,\n Title1Size,\n Title1Family,\n Title1Weight,\n Subtitle2Size,\n Subtitle2Family,\n Subtitle2Weight,\n Subtitle1Size,\n Subtitle1Family,\n Subtitle1Weight,\n LinkLightUiSize,\n LinkLightUiFamily,\n LinkLightUiWeight,\n PlaceholderSize,\n PlaceholderFamily,\n PlaceholderWeight,\n BodyEmphasizedSize,\n BodyEmphasizedFamily,\n BodyEmphasizedWeight,\n BodyEmphasized2Size,\n BodyEmphasized2Family,\n BodyEmphasized2Weight,\n ButtonLabel1Size,\n ButtonLabel1Family,\n ButtonLabel1Weight,\n TooltipCaptionSize,\n TooltipCaptionFamily,\n TooltipCaptionWeight,\n ErrorLightUiSize,\n ErrorLightUiFamily,\n ErrorLightUiWeight,\n Headline2LineHeight,\n Headline1LineHeight,\n Title3LineHeight,\n Title2LineHeight,\n Title1LineHeight,\n Subtitle2LineHeight,\n Subtitle1LineHeight,\n LinkLineHeight,\n PlaceholderLineHeight,\n BodyEmphasizedLineHeight,\n BodyEmphasized2LineHeight,\n BodyLineHeight,\n Body2LineHeight,\n GroupLabel1LineHeight,\n ControlLabel1LineHeight,\n ButtonLabel1LineHeight,\n TooltipCaptionLineHeight,\n Information100LightUi,\n Information100DarkUi,\n DigitalGreenDark,\n PowerGreen,\n GridHeaderFamily,\n GridHeaderWeight,\n GridHeaderSize,\n DigitalGreenDark105\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport {\n modalBackdropColorThemeColorStatic,\n modalBackdropColorThemeDarkStatic,\n modalBackdropColorThemeLightStatic\n} from './design-tokens-static';\nimport { Theme } from './types';\nimport { tokenNames, styleNameFromTokenName } from './design-token-names';\nimport { theme } from '.';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\n\n// Color Tokens\nexport const actionRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.actionRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));\n\nexport const applicationBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.applicationBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, White, Black85, ForestGreen));\n\nexport const headerBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.headerBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black7, Black88, ForestGreen));\n\nexport const sectionBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.sectionBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const dividerBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dividerBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const fillSelectedColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillSelectedColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.2));\n\nexport const fillSelectedRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getFillSelectedColorForTheme(element)));\n\nexport const fillHoverSelectedColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverSelectedColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.15));\n\nexport const fillHoverColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillHoverColorForTheme(element), 0.1));\n\nexport const fillHoverRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getFillHoverColorForTheme(element)));\n\nexport const fillDownColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillDownColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillDownColorForTheme(element), 0.15));\n\nexport const borderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderColor)\n).withDefault((element: HTMLElement) => getDefaultLineColorForTheme(element));\n\nexport const borderRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getDefaultLineColorForTheme(element)));\n\nexport const failColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.failColor)\n).withDefault((element: HTMLElement) => getFailColorForTheme(element));\n\nexport const warningColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.warningColor)\n).withDefault((element: HTMLElement) => getWarningColorForTheme(element));\n\nexport const passColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.passColor)\n).withDefault((element: HTMLElement) => getPassColorForTheme(element));\n\nexport const informationColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.informationColor)\n).withDefault((element: HTMLElement) => getInformationColorForTheme(element));\n\nexport const borderHoverColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderHoverColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, DigitalGreenLight, PowerGreen, White));\n\n// Component Color Tokens\nexport const iconColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.iconColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black91, Black15, White));\n\nexport const modalBackdropColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.modalBackdropColor)\n).withDefault((element: HTMLElement) => getModalBackdropForTheme(element));\n\nexport const popupBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.popupBorderColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));\n\nexport const cardBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.cardBorderColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));\n\nexport const graphGridlineColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.graphGridlineColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));\n\nexport const tooltipBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tooltipBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black85, ForestGreen));\n\nexport const tableRowBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tableRowBorderColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const tagFillColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tagFillColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));\n\nexport const buttonFillPrimaryColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonFillPrimaryColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n hexToRgbaCssColor(Black91, 0.75),\n hexToRgbaCssColor(Black15, 0.3),\n hexToRgbaCssColor(White, 0.3)\n));\n\nexport const buttonPrimaryFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonPrimaryFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black15, White));\n\nexport const buttonFillAccentColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonFillAccentColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenDark,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.1)\n));\n\nexport const buttonAccentBlockFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonAccentBlockFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, White, Black15, White));\n\nexport const buttonAccentOutlineFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonAccentOutlineFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, White));\n\nexport const buttonBorderAccentOutlineColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonBorderAccentOutlineColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n PowerGreen,\n hexToRgbaCssColor(White, 0.3)\n));\n\n// Component Sizing Tokens\nexport const controlHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.controlHeight)\n).withDefault('32px');\nexport const controlSlimHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.controlSlimHeight)\n).withDefault('24px');\nexport const smallPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.smallPadding)\n).withDefault('4px');\nexport const mediumPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.mediumPadding)\n).withDefault('8px');\nexport const standardPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.standardPadding)\n).withDefault('16px');\nexport const largePadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.largePadding)\n).withDefault('24px');\nexport const labelHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.labelHeight)\n).withDefault('16px');\nexport const borderWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderWidth)\n).withDefault('1px');\nexport const iconSize = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.iconSize)\n).withDefault('16px');\nexport const drawerWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.drawerWidth)\n).withDefault('784px');\nexport const dialogSmallWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallWidth)\n).withDefault('400px');\nexport const dialogSmallHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallHeight)\n).withDefault('fit-content');\nexport const dialogSmallMaxHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallMaxHeight)\n).withDefault('600px');\nexport const dialogLargeWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeWidth)\n).withDefault('1024px');\nexport const dialogLargeHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeHeight)\n).withDefault('680px');\nexport const dialogLargeMaxHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeMaxHeight)\n).withDefault('680px');\nexport const menuMinWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.menuMinWidth)\n).withDefault('176px');\nexport const bannerGapSize = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.bannerGapSize)\n).withDefault('1px');\n\nexport const spinnerSmallHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerSmallHeight)\n).withDefault('16px');\nexport const spinnerMediumHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerMediumHeight)\n).withDefault('32px');\nexport const spinnerLargeHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerLargeHeight)\n).withDefault('64px');\n\n// Drop Shadow Tokens\nexport const elevation1BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation1BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 1px 4px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.16\n )}`\n);\n\nexport const elevation2BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation2BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 2px 4px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.16\n )}`\n);\n\nexport const elevation3BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation3BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 4px 8px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.3\n )}`\n);\n\n// Font Tokens\nexport const [\n headlineFont,\n headlineFontColor,\n headlineDisabledFontColor,\n headlineFontFamily,\n headlineFontWeight,\n headlineFontSize,\n headlineFontLineHeight\n] = createFontTokens(\n tokenNames.headlineFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Headline1Family,\n Headline1Weight,\n Headline1Size,\n Headline1LineHeight\n);\n\nexport const [\n headlinePlus1Font,\n headlinePlus1FontColor,\n headlinePlus1DisabledFontColor,\n headlinePlus1FontFamily,\n headlinePlus1FontWeight,\n headlinePlus1FontSize,\n headlinePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.headlinePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Headline2Family,\n Headline2Weight,\n Headline2Size,\n Headline2LineHeight\n);\n\nexport const [\n titlePlus2Font,\n titlePlus2FontColor,\n titlePlus2DisabledFontColor,\n titlePlus2FontFamily,\n titlePlus2FontWeight,\n titlePlus2FontSize,\n titlePlus2FontLineHeight\n] = createFontTokens(\n tokenNames.titlePlus2Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title3Family,\n Title3Weight,\n Title3Size,\n Title3LineHeight\n);\n\nexport const [\n titlePlus1Font,\n titlePlus1FontColor,\n titlePlus1DisabledFontColor,\n titlePlus1FontFamily,\n titlePlus1FontWeight,\n titlePlus1FontSize,\n titlePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.titlePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title2Family,\n Title2Weight,\n Title2Size,\n Title2LineHeight\n);\n\nexport const [\n titleFont,\n titleFontColor,\n titleDisabledFontColor,\n titleFontFamily,\n titleFontWeight,\n titleFontSize,\n titleFontLineHeight\n] = createFontTokens(\n tokenNames.titleFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title1Family,\n Title1Weight,\n Title1Size,\n Title1LineHeight\n);\n\nexport const [\n subtitlePlus1Font,\n subtitlePlus1FontColor,\n subtitlePlus1DisabledFontColor,\n subtitlePlus1FontFamily,\n subtitlePlus1FontWeight,\n subtitlePlus1FontSize,\n subtitlePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.subtitlePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Subtitle2Family,\n Subtitle2Weight,\n Subtitle2Size,\n Subtitle2LineHeight\n);\n\nexport const [\n subtitleFont,\n subtitleFontColor,\n subtitleDisabledFontColor,\n subtitleFontFamily,\n subtitleFontWeight,\n subtitleFontSize,\n subtitleFontLineHeight\n] = createFontTokens(\n tokenNames.subtitleFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Subtitle1Family,\n Subtitle1Weight,\n Subtitle1Size,\n Subtitle1LineHeight\n);\n\nexport const [\n linkFont,\n linkFontColor,\n linkDisabledFontColor,\n linkFontFamily,\n linkFontWeight,\n linkFontSize,\n linkFontLineHeight\n] = createFontTokens(\n tokenNames.linkFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkActiveFont,\n linkActiveFontColor,\n linkActiveDisabledFontColor,\n linkActiveFontFamily,\n linkActiveFontWeight,\n linkActiveFontSize,\n linkActiveFontLineHeight\n] = createFontTokens(\n tokenNames.linkActiveFont,\n (element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.6)\n ),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkProminentFont,\n linkProminentFontColor,\n linkProminentDisabledFontColor,\n linkProminentFontFamily,\n linkProminentFontWeight,\n linkProminentFontSize,\n linkProminentFontLineHeight\n] = createFontTokens(\n tokenNames.linkProminentFont,\n (element: HTMLElement) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, PowerGreen),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkActiveProminentFont,\n linkActiveProminentFontColor,\n linkActiveProminentDisabledFontColor,\n linkActiveProminentFontFamily,\n linkActiveProminentFontWeight,\n linkActiveProminentFontSize,\n linkActiveProminentFontLineHeight\n] = createFontTokens(\n tokenNames.linkActiveProminentFont,\n (element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.6)\n ),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n placeholderFont,\n placeholderFontColor,\n placeholderDisabledFontColor,\n placeholderFontFamily,\n placeholderFontWeight,\n placeholderFontSize,\n placeholderFontLineHeight\n] = createFontTokens(\n tokenNames.placeholderFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n PlaceholderFamily,\n PlaceholderWeight,\n PlaceholderSize,\n PlaceholderLineHeight\n);\n\nexport const [\n bodyFont,\n bodyFontColor,\n bodyDisabledFontColor,\n bodyFontFamily,\n bodyFontWeight,\n bodyFontSize,\n bodyFontLineHeight\n] = createFontTokens(\n tokenNames.bodyFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyFamily,\n BodyWeight,\n BodySize,\n BodyLineHeight\n);\n\nexport const [\n bodyEmphasizedFont,\n bodyEmphasizedFontColor,\n bodyEmphasizedDisabledFontColor,\n bodyEmphasizedFontFamily,\n bodyEmphasizedFontWeight,\n bodyEmphasizedFontSize,\n bodyEmphasizedFontLineHeight\n] = createFontTokens(\n tokenNames.bodyEmphasizedFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyEmphasizedFamily,\n BodyEmphasizedWeight,\n BodyEmphasizedSize,\n BodyEmphasizedLineHeight\n);\n\nexport const [\n bodyPlus1Font,\n bodyPlus1FontColor,\n bodyPlus1DisabledFontColor,\n bodyPlus1FontFamily,\n bodyPlus1FontWeight,\n bodyPlus1FontSize,\n bodyPlus1FontLineHeight\n] = createFontTokens(\n tokenNames.bodyPlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Body2Family,\n Body2Weight,\n Body2Size,\n Body2LineHeight\n);\n\nexport const [\n bodyPlus1EmphasizedFont,\n bodyPlus1EmphasizedFontColor,\n bodyPlus1EmphasizedDisabledFontColor,\n bodyPlus1EmphasizedFontFamily,\n bodyPlus1EmphasizedFontWeight,\n bodyPlus1EmphasizedFontSize,\n bodyPlus1EmphasizedFontLineHeight\n] = createFontTokens(\n tokenNames.bodyPlus1EmphasizedFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyEmphasized2Family,\n BodyEmphasized2Weight,\n BodyEmphasized2Size,\n BodyEmphasized2LineHeight\n);\n\nexport const [\n groupHeaderFont,\n groupHeaderFontColor,\n groupHeaderDisabledFontColor,\n groupHeaderFontFamily,\n groupHeaderFontWeight,\n groupHeaderFontSize,\n groupHeaderFontLineHeight\n] = createFontTokens(\n tokenNames.groupHeaderFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n GroupLabel1Family,\n GroupLabel1Weight,\n GroupLabel1Size,\n GroupLabel1LineHeight\n);\n\nexport const [\n controlLabelFont,\n controlLabelFontColor,\n controlLabelDisabledFontColor,\n controlLabelFontFamily,\n controlLabelFontWeight,\n controlLabelFontSize,\n controlLabelFontLineHeight\n] = createFontTokens(\n tokenNames.controlLabelFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n ControlLabel1Family,\n ControlLabel1Weight,\n ControlLabel1Size,\n ControlLabel1LineHeight\n);\n\nexport const [\n buttonLabelFont,\n buttonLabelFontColor,\n buttonLabelDisabledFontColor,\n buttonLabelFontFamily,\n buttonLabelFontWeight,\n buttonLabelFontSize,\n buttonLabelFontLineHeight\n] = createFontTokens(\n tokenNames.buttonLabelFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n ButtonLabel1Family,\n ButtonLabel1Weight,\n ButtonLabel1Size,\n ButtonLabel1LineHeight\n);\n\nexport const [\n tooltipCaptionFont,\n tooltipCaptionFontColor,\n tooltipCaptionDisabledFontColor,\n tooltipCaptionFontFamily,\n tooltipCaptionFontWeight,\n tooltipCaptionFontSize,\n tooltipCaptionFontLineHeight\n] = createFontTokens(\n tokenNames.tooltipCaptionFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n TooltipCaptionFamily,\n TooltipCaptionWeight,\n TooltipCaptionSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n errorTextFont,\n errorTextFontColor,\n errorTextDisabledFontColor,\n errorTextFontFamily,\n errorTextFontWeight,\n errorTextFontSize,\n errorTextFontLineHeight\n] = createFontTokens(\n tokenNames.errorTextFont,\n (element: HTMLElement) => getFailColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3),\n ErrorLightUiFamily,\n ErrorLightUiWeight,\n ErrorLightUiSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n tableHeaderFont,\n tableHeaderFontColor,\n tableHeaderDisabledFontColor,\n tableHeaderFontFamily,\n tableHeaderFontWeight,\n tableHeaderFontSize,\n tableHeaderFontLineHeight\n] = createFontTokens(\n tokenNames.tableHeaderFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n GridHeaderFamily,\n GridHeaderWeight,\n GridHeaderSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n mentionFont,\n mentionFontColor,\n mentionDisabledFontColor,\n mentionFontFamily,\n mentionFontWeight,\n mentionFontSize,\n mentionFontLineHeight\n] = createFontTokens(\n tokenNames.mentionFont,\n (element: HTMLElement) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyFamily,\n BodyEmphasizedWeight,\n BodySize,\n BodyLineHeight\n);\n\n// Font Transform Tokens\nexport const groupHeaderTextTransform = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.groupHeaderTextTransform)\n).withDefault('uppercase');\n\n// Animation Tokens\nexport const smallDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.smallDelay)\n).withDefault(SmallDelay);\nexport const mediumDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.mediumDelay)\n).withDefault(MediumDelay);\nexport const largeDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.largeDelay)\n).withDefault(LargeDelay);\n\n// Private helpers functions\nfunction hexToRgbPartial(hexValue: string): string {\n const { r, g, b } = parseColorHexRGB(hexValue)!;\n return `${r * 255}, ${g * 255}, ${b * 255}`;\n}\n\nfunction createFontTokens(\n fontTokenName: string,\n colorFunction: (element: HTMLElement) => string,\n disabledColorFunction: (element: HTMLElement) => string,\n family: string,\n weight: string,\n size: string,\n lineHeight: string\n): readonly [\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>\n ] {\n if (\n fontTokenName === ''\n || family === ''\n || weight === ''\n || size === ''\n || lineHeight === ''\n ) {\n throw new Error(\n 'createFontTokens parameter unexpectedly set to empty string'\n );\n }\n\n const familyWithFallback = `${family}, ${family} Fallback`;\n const fontToken = DesignToken.create<string>(\n styleNameFromTokenName(fontTokenName)\n ).withDefault(`${weight} ${size}/${lineHeight} ${familyWithFallback}`);\n\n const fontNameParts = fontTokenName.split('-font');\n const tokenPrefixWithoutFont = fontNameParts[0];\n if (tokenPrefixWithoutFont === undefined || fontNameParts[1] !== '') {\n throw new Error(\n `fontTokenName value of ${fontTokenName} did not have the expected '-font' suffix`\n );\n }\n\n const fontColorToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-color`)\n ).withDefault((element: HTMLElement) => colorFunction(element));\n\n const fontDisabledColorToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-disabled-font-color`)\n ).withDefault((element: HTMLElement) => disabledColorFunction(element));\n\n const fontFamilyToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)\n ).withDefault(familyWithFallback);\n\n const fontWeightToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)\n ).withDefault(weight);\n\n const fontSizeToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)\n ).withDefault(size);\n\n const fontLineHeightToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)\n ).withDefault(lineHeight);\n\n return [\n fontToken,\n fontColorToken,\n fontDisabledColorToken,\n fontFamilyToken,\n fontWeightToken,\n fontSizeToken,\n fontLineHeightToken\n ] as const;\n}\n\nfunction getColorForTheme(\n element: HTMLElement,\n lightThemeColor: string,\n darkThemeColor: string,\n colorThemeColor: string\n): string {\n switch (theme.getValueFor(element)) {\n case Theme.light:\n return lightThemeColor;\n case Theme.dark:\n return darkThemeColor;\n case Theme.color:\n return colorThemeColor;\n default:\n return lightThemeColor;\n }\n}\n\nfunction getWarningColorForTheme(element: HTMLElement): string {\n return getColorForTheme(\n element,\n Warning100LightUi,\n Warning100DarkUi,\n White\n );\n}\n\nfunction getFailColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, White);\n}\n\nfunction getPassColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, White);\n}\n\nfunction getInformationColorForTheme(element: HTMLElement): string {\n return getColorForTheme(\n element,\n Information100LightUi,\n Information100DarkUi,\n White\n );\n}\n\nfunction getDefaultLineColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getDefaultFontColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getFillSelectedColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, DigitalGreenLight, PowerGreen, White);\n}\n\nfunction getFillHoverColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getFillDownColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getModalBackdropForTheme(element: HTMLElement): string {\n switch (theme.getValueFor(element)) {\n case Theme.light:\n return modalBackdropColorThemeLightStatic;\n case Theme.dark:\n return modalBackdropColorThemeDarkStatic;\n case Theme.color:\n return modalBackdropColorThemeColorStatic;\n default:\n return modalBackdropColorThemeLightStatic;\n }\n}\n"]}
1
+ {"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSDesignToken, DesignToken } from '@microsoft/fast-foundation';\nimport { parseColorHexRGB } from '@microsoft/fast-colors';\nimport {\n Black,\n Black7,\n Black15,\n Black80,\n Black85,\n Black88,\n Black91,\n White,\n ForestGreen,\n DigitalGreenLight,\n Fail100LightUi,\n SmallDelay,\n MediumDelay,\n LargeDelay,\n Fail100DarkUi,\n Warning100LightUi,\n Warning100DarkUi,\n Pass100LightUi,\n Pass100DarkUi,\n BodyFamily,\n BodySize,\n BodyWeight,\n Body2Family,\n Body2Size,\n Body2Weight,\n ControlLabel1Family,\n ControlLabel1Size,\n ControlLabel1Weight,\n GroupLabel1Family,\n GroupLabel1Size,\n GroupLabel1Weight,\n Headline2Size,\n Headline2Family,\n Headline2Weight,\n Headline1Size,\n Headline1Family,\n Headline1Weight,\n Title3Size,\n Title3Family,\n Title3Weight,\n Title2Size,\n Title2Family,\n Title2Weight,\n Title1Size,\n Title1Family,\n Title1Weight,\n Subtitle2Size,\n Subtitle2Family,\n Subtitle2Weight,\n Subtitle1Size,\n Subtitle1Family,\n Subtitle1Weight,\n LinkLightUiSize,\n LinkLightUiFamily,\n LinkLightUiWeight,\n PlaceholderSize,\n PlaceholderFamily,\n PlaceholderWeight,\n BodyEmphasizedSize,\n BodyEmphasizedFamily,\n BodyEmphasizedWeight,\n BodyEmphasized2Size,\n BodyEmphasized2Family,\n BodyEmphasized2Weight,\n ButtonLabel1Size,\n ButtonLabel1Family,\n ButtonLabel1Weight,\n TooltipCaptionSize,\n TooltipCaptionFamily,\n TooltipCaptionWeight,\n ErrorLightUiSize,\n ErrorLightUiFamily,\n ErrorLightUiWeight,\n Headline2LineHeight,\n Headline1LineHeight,\n Title3LineHeight,\n Title2LineHeight,\n Title1LineHeight,\n Subtitle2LineHeight,\n Subtitle1LineHeight,\n LinkLineHeight,\n PlaceholderLineHeight,\n BodyEmphasizedLineHeight,\n BodyEmphasized2LineHeight,\n BodyLineHeight,\n Body2LineHeight,\n GroupLabel1LineHeight,\n ControlLabel1LineHeight,\n ButtonLabel1LineHeight,\n TooltipCaptionLineHeight,\n Information100LightUi,\n Information100DarkUi,\n DigitalGreenDark,\n PowerGreen,\n GridHeaderFamily,\n GridHeaderWeight,\n GridHeaderSize,\n DigitalGreenDark105\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport {\n modalBackdropColorThemeColorStatic,\n modalBackdropColorThemeDarkStatic,\n modalBackdropColorThemeLightStatic\n} from './design-tokens-static';\nimport { Theme } from './types';\nimport { tokenNames, styleNameFromTokenName } from './design-token-names';\nimport { theme } from '.';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\n\n// Color Tokens\nexport const actionRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.actionRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));\n\nexport const applicationBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.applicationBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, White, Black85, ForestGreen));\n\nexport const headerBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.headerBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black7, Black88, ForestGreen));\n\nexport const sectionBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.sectionBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const dividerBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dividerBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const fillSelectedColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillSelectedColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.2));\n\nexport const fillSelectedRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getFillSelectedColorForTheme(element)));\n\nexport const fillHoverSelectedColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverSelectedColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.15));\n\nexport const fillHoverColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillHoverColorForTheme(element), 0.1));\n\nexport const fillHoverRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillHoverRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getFillHoverColorForTheme(element)));\n\nexport const fillDownColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.fillDownColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getFillDownColorForTheme(element), 0.15));\n\nexport const borderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderColor)\n).withDefault((element: HTMLElement) => getDefaultLineColorForTheme(element));\n\nexport const borderRgbPartialColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderRgbPartialColor)\n).withDefault((element: HTMLElement) => hexToRgbPartial(getDefaultLineColorForTheme(element)));\n\nexport const failColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.failColor)\n).withDefault((element: HTMLElement) => getFailColorForTheme(element));\n\nexport const warningColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.warningColor)\n).withDefault((element: HTMLElement) => getWarningColorForTheme(element));\n\nexport const passColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.passColor)\n).withDefault((element: HTMLElement) => getPassColorForTheme(element));\n\nexport const informationColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.informationColor)\n).withDefault((element: HTMLElement) => getInformationColorForTheme(element));\n\nexport const borderHoverColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderHoverColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, DigitalGreenLight, PowerGreen, White));\n\n// Component Color Tokens\nexport const iconColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.iconColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black91, Black15, White));\n\nexport const modalBackdropColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.modalBackdropColor)\n).withDefault((element: HTMLElement) => getModalBackdropForTheme(element));\n\nexport const popupBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.popupBorderColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));\n\nexport const cardBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.cardBorderColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));\n\nexport const graphGridlineColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.graphGridlineColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));\n\nexport const tooltipBackgroundColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tooltipBackgroundColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black85, ForestGreen));\n\nexport const tableRowBorderColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tableRowBorderColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black80, ForestGreen));\n\nexport const tagFillColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.tagFillColor)\n).withDefault((element: HTMLElement) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));\n\nexport const buttonFillPrimaryColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonFillPrimaryColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n hexToRgbaCssColor(Black91, 0.75),\n hexToRgbaCssColor(Black15, 0.3),\n hexToRgbaCssColor(White, 0.3)\n));\n\nexport const buttonPrimaryFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonPrimaryFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, Black15, Black15, White));\n\nexport const buttonFillAccentColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonFillAccentColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenDark,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.1)\n));\n\nexport const buttonAccentBlockFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonAccentBlockFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, White, Black15, White));\n\nexport const buttonAccentOutlineFontColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonAccentOutlineFontColor)\n).withDefault((element: HTMLElement) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, White));\n\nexport const buttonBorderAccentOutlineColor = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.buttonBorderAccentOutlineColor)\n).withDefault((element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n PowerGreen,\n hexToRgbaCssColor(White, 0.3)\n));\n\n// Component Sizing Tokens\nexport const controlHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.controlHeight)\n).withDefault('32px');\nexport const controlSlimHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.controlSlimHeight)\n).withDefault('24px');\nexport const smallPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.smallPadding)\n).withDefault('4px');\nexport const mediumPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.mediumPadding)\n).withDefault('8px');\nexport const standardPadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.standardPadding)\n).withDefault('16px');\nexport const largePadding = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.largePadding)\n).withDefault('24px');\nexport const labelHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.labelHeight)\n).withDefault('16px');\nexport const borderWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.borderWidth)\n).withDefault('1px');\nexport const iconSize = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.iconSize)\n).withDefault('16px');\nexport const drawerWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.drawerWidth)\n).withDefault('784px');\nexport const dialogSmallWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallWidth)\n).withDefault('400px');\nexport const dialogSmallHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallHeight)\n).withDefault('fit-content');\nexport const dialogSmallMaxHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogSmallMaxHeight)\n).withDefault('600px');\nexport const dialogLargeWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeWidth)\n).withDefault('1024px');\nexport const dialogLargeHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeHeight)\n).withDefault('680px');\nexport const dialogLargeMaxHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.dialogLargeMaxHeight)\n).withDefault('680px');\nexport const menuMinWidth = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.menuMinWidth)\n).withDefault('176px');\nexport const bannerGapSize = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.bannerGapSize)\n).withDefault('1px');\n\nexport const spinnerSmallHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerSmallHeight)\n).withDefault('16px');\nexport const spinnerMediumHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerMediumHeight)\n).withDefault('32px');\nexport const spinnerLargeHeight = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.spinnerLargeHeight)\n).withDefault('64px');\n\n// Drop Shadow Tokens\nexport const elevation1BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation1BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 1px 4px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.16\n )}`\n);\n\nexport const elevation2BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation2BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 2px 4px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.16\n )}`\n);\n\nexport const elevation3BoxShadow = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.elevation3BoxShadow)\n).withDefault(\n (element: HTMLElement) => `0px 4px 8px ${hexToRgbaCssColor(\n getColorForTheme(element, Black, Black, Black),\n 0.3\n )}`\n);\n\n// Font Tokens\nexport const [\n headlineFont,\n headlineFontColor,\n headlineDisabledFontColor,\n headlineFontFamily,\n headlineFontWeight,\n headlineFontSize,\n headlineFontLineHeight\n] = createFontTokens(\n tokenNames.headlineFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Headline1Family,\n Headline1Weight,\n Headline1Size,\n Headline1LineHeight\n);\n\nexport const [\n headlinePlus1Font,\n headlinePlus1FontColor,\n headlinePlus1DisabledFontColor,\n headlinePlus1FontFamily,\n headlinePlus1FontWeight,\n headlinePlus1FontSize,\n headlinePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.headlinePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Headline2Family,\n Headline2Weight,\n Headline2Size,\n Headline2LineHeight\n);\n\nexport const [\n titlePlus2Font,\n titlePlus2FontColor,\n titlePlus2DisabledFontColor,\n titlePlus2FontFamily,\n titlePlus2FontWeight,\n titlePlus2FontSize,\n titlePlus2FontLineHeight\n] = createFontTokens(\n tokenNames.titlePlus2Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title3Family,\n Title3Weight,\n Title3Size,\n Title3LineHeight\n);\n\nexport const [\n titlePlus1Font,\n titlePlus1FontColor,\n titlePlus1DisabledFontColor,\n titlePlus1FontFamily,\n titlePlus1FontWeight,\n titlePlus1FontSize,\n titlePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.titlePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title2Family,\n Title2Weight,\n Title2Size,\n Title2LineHeight\n);\n\nexport const [\n titleFont,\n titleFontColor,\n titleDisabledFontColor,\n titleFontFamily,\n titleFontWeight,\n titleFontSize,\n titleFontLineHeight\n] = createFontTokens(\n tokenNames.titleFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Title1Family,\n Title1Weight,\n Title1Size,\n Title1LineHeight\n);\n\nexport const [\n subtitlePlus1Font,\n subtitlePlus1FontColor,\n subtitlePlus1DisabledFontColor,\n subtitlePlus1FontFamily,\n subtitlePlus1FontWeight,\n subtitlePlus1FontSize,\n subtitlePlus1FontLineHeight\n] = createFontTokens(\n tokenNames.subtitlePlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Subtitle2Family,\n Subtitle2Weight,\n Subtitle2Size,\n Subtitle2LineHeight\n);\n\nexport const [\n subtitleFont,\n subtitleFontColor,\n subtitleDisabledFontColor,\n subtitleFontFamily,\n subtitleFontWeight,\n subtitleFontSize,\n subtitleFontLineHeight\n] = createFontTokens(\n tokenNames.subtitleFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Subtitle1Family,\n Subtitle1Weight,\n Subtitle1Size,\n Subtitle1LineHeight\n);\n\nexport const [\n linkFont,\n linkFontColor,\n linkDisabledFontColor,\n linkFontFamily,\n linkFontWeight,\n linkFontSize,\n linkFontLineHeight\n] = createFontTokens(\n tokenNames.linkFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkActiveFont,\n linkActiveFontColor,\n linkActiveDisabledFontColor,\n linkActiveFontFamily,\n linkActiveFontWeight,\n linkActiveFontSize,\n linkActiveFontLineHeight\n] = createFontTokens(\n tokenNames.linkActiveFont,\n (element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.75)\n ),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkProminentFont,\n linkProminentFontColor,\n linkProminentDisabledFontColor,\n linkProminentFontFamily,\n linkProminentFontWeight,\n linkProminentFontSize,\n linkProminentFontLineHeight\n] = createFontTokens(\n tokenNames.linkProminentFont,\n (element: HTMLElement) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, White),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n linkActiveProminentFont,\n linkActiveProminentFontColor,\n linkActiveProminentDisabledFontColor,\n linkActiveProminentFontFamily,\n linkActiveProminentFontWeight,\n linkActiveProminentFontSize,\n linkActiveProminentFontLineHeight\n] = createFontTokens(\n tokenNames.linkActiveProminentFont,\n (element: HTMLElement) => getColorForTheme(\n element,\n DigitalGreenLight,\n DigitalGreenLight,\n hexToRgbaCssColor(White, 0.75)\n ),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n LinkLightUiFamily,\n LinkLightUiWeight,\n LinkLightUiSize,\n LinkLineHeight\n);\n\nexport const [\n placeholderFont,\n placeholderFontColor,\n placeholderDisabledFontColor,\n placeholderFontFamily,\n placeholderFontWeight,\n placeholderFontSize,\n placeholderFontLineHeight\n] = createFontTokens(\n tokenNames.placeholderFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n PlaceholderFamily,\n PlaceholderWeight,\n PlaceholderSize,\n PlaceholderLineHeight\n);\n\nexport const [\n bodyFont,\n bodyFontColor,\n bodyDisabledFontColor,\n bodyFontFamily,\n bodyFontWeight,\n bodyFontSize,\n bodyFontLineHeight\n] = createFontTokens(\n tokenNames.bodyFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyFamily,\n BodyWeight,\n BodySize,\n BodyLineHeight\n);\n\nexport const [\n bodyEmphasizedFont,\n bodyEmphasizedFontColor,\n bodyEmphasizedDisabledFontColor,\n bodyEmphasizedFontFamily,\n bodyEmphasizedFontWeight,\n bodyEmphasizedFontSize,\n bodyEmphasizedFontLineHeight\n] = createFontTokens(\n tokenNames.bodyEmphasizedFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyEmphasizedFamily,\n BodyEmphasizedWeight,\n BodyEmphasizedSize,\n BodyEmphasizedLineHeight\n);\n\nexport const [\n bodyPlus1Font,\n bodyPlus1FontColor,\n bodyPlus1DisabledFontColor,\n bodyPlus1FontFamily,\n bodyPlus1FontWeight,\n bodyPlus1FontSize,\n bodyPlus1FontLineHeight\n] = createFontTokens(\n tokenNames.bodyPlus1Font,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n Body2Family,\n Body2Weight,\n Body2Size,\n Body2LineHeight\n);\n\nexport const [\n bodyPlus1EmphasizedFont,\n bodyPlus1EmphasizedFontColor,\n bodyPlus1EmphasizedDisabledFontColor,\n bodyPlus1EmphasizedFontFamily,\n bodyPlus1EmphasizedFontWeight,\n bodyPlus1EmphasizedFontSize,\n bodyPlus1EmphasizedFontLineHeight\n] = createFontTokens(\n tokenNames.bodyPlus1EmphasizedFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyEmphasized2Family,\n BodyEmphasized2Weight,\n BodyEmphasized2Size,\n BodyEmphasized2LineHeight\n);\n\nexport const [\n groupHeaderFont,\n groupHeaderFontColor,\n groupHeaderDisabledFontColor,\n groupHeaderFontFamily,\n groupHeaderFontWeight,\n groupHeaderFontSize,\n groupHeaderFontLineHeight\n] = createFontTokens(\n tokenNames.groupHeaderFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n GroupLabel1Family,\n GroupLabel1Weight,\n GroupLabel1Size,\n GroupLabel1LineHeight\n);\n\nexport const [\n controlLabelFont,\n controlLabelFontColor,\n controlLabelDisabledFontColor,\n controlLabelFontFamily,\n controlLabelFontWeight,\n controlLabelFontSize,\n controlLabelFontLineHeight\n] = createFontTokens(\n tokenNames.controlLabelFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n ControlLabel1Family,\n ControlLabel1Weight,\n ControlLabel1Size,\n ControlLabel1LineHeight\n);\n\nexport const [\n buttonLabelFont,\n buttonLabelFontColor,\n buttonLabelDisabledFontColor,\n buttonLabelFontFamily,\n buttonLabelFontWeight,\n buttonLabelFontSize,\n buttonLabelFontLineHeight\n] = createFontTokens(\n tokenNames.buttonLabelFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n ButtonLabel1Family,\n ButtonLabel1Weight,\n ButtonLabel1Size,\n ButtonLabel1LineHeight\n);\n\nexport const [\n tooltipCaptionFont,\n tooltipCaptionFontColor,\n tooltipCaptionDisabledFontColor,\n tooltipCaptionFontFamily,\n tooltipCaptionFontWeight,\n tooltipCaptionFontSize,\n tooltipCaptionFontLineHeight\n] = createFontTokens(\n tokenNames.tooltipCaptionFont,\n (element: HTMLElement) => getDefaultFontColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n TooltipCaptionFamily,\n TooltipCaptionWeight,\n TooltipCaptionSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n errorTextFont,\n errorTextFontColor,\n errorTextDisabledFontColor,\n errorTextFontFamily,\n errorTextFontWeight,\n errorTextFontSize,\n errorTextFontLineHeight\n] = createFontTokens(\n tokenNames.errorTextFont,\n (element: HTMLElement) => getFailColorForTheme(element),\n (element: HTMLElement) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3),\n ErrorLightUiFamily,\n ErrorLightUiWeight,\n ErrorLightUiSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n tableHeaderFont,\n tableHeaderFontColor,\n tableHeaderDisabledFontColor,\n tableHeaderFontFamily,\n tableHeaderFontWeight,\n tableHeaderFontSize,\n tableHeaderFontLineHeight\n] = createFontTokens(\n tokenNames.tableHeaderFont,\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n GridHeaderFamily,\n GridHeaderWeight,\n GridHeaderSize,\n TooltipCaptionLineHeight\n);\n\nexport const [\n mentionFont,\n mentionFontColor,\n mentionDisabledFontColor,\n mentionFontFamily,\n mentionFontWeight,\n mentionFontSize,\n mentionFontLineHeight\n] = createFontTokens(\n tokenNames.mentionFont,\n (element: HTMLElement) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen),\n (element: HTMLElement) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3),\n BodyFamily,\n BodyEmphasizedWeight,\n BodySize,\n BodyLineHeight\n);\n\n// Font Transform Tokens\nexport const groupHeaderTextTransform = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.groupHeaderTextTransform)\n).withDefault('uppercase');\n\n// Animation Tokens\nexport const smallDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.smallDelay)\n).withDefault(SmallDelay);\nexport const mediumDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.mediumDelay)\n).withDefault(MediumDelay);\nexport const largeDelay = DesignToken.create<string>(\n styleNameFromTokenName(tokenNames.largeDelay)\n).withDefault(LargeDelay);\n\n// Private helpers functions\nfunction hexToRgbPartial(hexValue: string): string {\n const { r, g, b } = parseColorHexRGB(hexValue)!;\n return `${r * 255}, ${g * 255}, ${b * 255}`;\n}\n\nfunction createFontTokens(\n fontTokenName: string,\n colorFunction: (element: HTMLElement) => string,\n disabledColorFunction: (element: HTMLElement) => string,\n family: string,\n weight: string,\n size: string,\n lineHeight: string\n): readonly [\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>,\n CSSDesignToken<string>\n ] {\n if (\n fontTokenName === ''\n || family === ''\n || weight === ''\n || size === ''\n || lineHeight === ''\n ) {\n throw new Error(\n 'createFontTokens parameter unexpectedly set to empty string'\n );\n }\n\n const familyWithFallback = `${family}, ${family} Fallback`;\n const fontToken = DesignToken.create<string>(\n styleNameFromTokenName(fontTokenName)\n ).withDefault(`${weight} ${size}/${lineHeight} ${familyWithFallback}`);\n\n const fontNameParts = fontTokenName.split('-font');\n const tokenPrefixWithoutFont = fontNameParts[0];\n if (tokenPrefixWithoutFont === undefined || fontNameParts[1] !== '') {\n throw new Error(\n `fontTokenName value of ${fontTokenName} did not have the expected '-font' suffix`\n );\n }\n\n const fontColorToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-color`)\n ).withDefault((element: HTMLElement) => colorFunction(element));\n\n const fontDisabledColorToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-disabled-font-color`)\n ).withDefault((element: HTMLElement) => disabledColorFunction(element));\n\n const fontFamilyToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)\n ).withDefault(familyWithFallback);\n\n const fontWeightToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)\n ).withDefault(weight);\n\n const fontSizeToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)\n ).withDefault(size);\n\n const fontLineHeightToken = DesignToken.create<string>(\n styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)\n ).withDefault(lineHeight);\n\n return [\n fontToken,\n fontColorToken,\n fontDisabledColorToken,\n fontFamilyToken,\n fontWeightToken,\n fontSizeToken,\n fontLineHeightToken\n ] as const;\n}\n\nfunction getColorForTheme(\n element: HTMLElement,\n lightThemeColor: string,\n darkThemeColor: string,\n colorThemeColor: string\n): string {\n switch (theme.getValueFor(element)) {\n case Theme.light:\n return lightThemeColor;\n case Theme.dark:\n return darkThemeColor;\n case Theme.color:\n return colorThemeColor;\n default:\n return lightThemeColor;\n }\n}\n\nfunction getWarningColorForTheme(element: HTMLElement): string {\n return getColorForTheme(\n element,\n Warning100LightUi,\n Warning100DarkUi,\n White\n );\n}\n\nfunction getFailColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, White);\n}\n\nfunction getPassColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, White);\n}\n\nfunction getInformationColorForTheme(element: HTMLElement): string {\n return getColorForTheme(\n element,\n Information100LightUi,\n Information100DarkUi,\n White\n );\n}\n\nfunction getDefaultLineColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getDefaultFontColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getFillSelectedColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, DigitalGreenLight, PowerGreen, White);\n}\n\nfunction getFillHoverColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getFillDownColorForTheme(element: HTMLElement): string {\n return getColorForTheme(element, Black91, Black15, White);\n}\n\nfunction getModalBackdropForTheme(element: HTMLElement): string {\n switch (theme.getValueFor(element)) {\n case Theme.light:\n return modalBackdropColorThemeLightStatic;\n case Theme.dark:\n return modalBackdropColorThemeDarkStatic;\n case Theme.color:\n return modalBackdropColorThemeColorStatic;\n default:\n return modalBackdropColorThemeLightStatic;\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "29.1.4",
3
+ "version": "29.1.6",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss",