@descope/web-components-ui 1.0.295 → 1.0.297

Sign up to get free protection for your applications and to get access to all the features.
Files changed (213) hide show
  1. package/dist/cjs/index.cjs.js +586 -359
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.esm.js +569 -341
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/umd/1224.js +1 -1
  7. package/dist/umd/1438.js +16 -9
  8. package/dist/umd/1438.js.LICENSE.txt +12 -0
  9. package/dist/umd/1612.js +338 -0
  10. package/dist/umd/1621.js +2 -2
  11. package/dist/umd/2362.js +129 -0
  12. package/dist/umd/3830.js +2 -0
  13. package/dist/umd/{3003.js.LICENSE.txt → 3830.js.LICENSE.txt} +12 -0
  14. package/dist/umd/3951.js +116 -4
  15. package/dist/umd/3951.js.LICENSE.txt +18 -0
  16. package/dist/umd/{9211.js → 4024.js} +5 -5
  17. package/dist/umd/{2775.js → 4028.js} +10 -10
  18. package/dist/umd/4028.js.LICENSE.txt +23 -0
  19. package/dist/umd/4052.js +338 -0
  20. package/dist/umd/4392.js +1 -0
  21. package/dist/umd/4569.js +1 -0
  22. package/dist/umd/4746.js +124 -0
  23. package/dist/umd/{6091.js.LICENSE.txt → 4746.js.LICENSE.txt} +6 -0
  24. package/dist/umd/4978.js +1 -0
  25. package/dist/umd/{4595.js → 5135.js} +93 -5
  26. package/dist/umd/{2775.js.LICENSE.txt → 5135.js.LICENSE.txt} +2 -2
  27. package/dist/umd/5517.js +1 -1
  28. package/dist/umd/5806.js +4 -4
  29. package/dist/umd/5910.js +1 -1
  30. package/dist/umd/63.js +147 -1
  31. package/dist/umd/63.js.LICENSE.txt +13 -1
  32. package/dist/umd/6594.js +2 -0
  33. package/dist/umd/{1940.js.LICENSE.txt → 6594.js.LICENSE.txt} +1 -1
  34. package/dist/umd/6770.js +4 -4
  35. package/dist/umd/7056.js +376 -5
  36. package/dist/umd/7056.js.LICENSE.txt +6 -0
  37. package/dist/umd/7164.js +148 -0
  38. package/dist/umd/{2106.js.LICENSE.txt → 7164.js.LICENSE.txt} +1 -7
  39. package/dist/umd/7531.js +2 -2
  40. package/dist/umd/7911.js +4 -4
  41. package/dist/umd/7911.js.LICENSE.txt +6 -0
  42. package/dist/umd/{3092.js → 8191.js} +40 -5
  43. package/dist/umd/8866.js +97 -5
  44. package/dist/umd/8866.js.LICENSE.txt +12 -0
  45. package/dist/umd/9092.js +440 -12
  46. package/dist/umd/9092.js.LICENSE.txt +6 -0
  47. package/dist/umd/{1940.js → 9314.js} +126 -7
  48. package/dist/umd/9314.js.LICENSE.txt +11 -0
  49. package/dist/umd/9423.js +608 -0
  50. package/dist/umd/9423.js.LICENSE.txt +23 -0
  51. package/dist/umd/9562.js +338 -0
  52. package/dist/umd/9562.js.LICENSE.txt +11 -0
  53. package/dist/umd/DescopeDev.js +1 -0
  54. package/dist/umd/boolean-fields-descope-boolean-field-internal-index-js.js +1 -1
  55. package/dist/umd/boolean-fields-descope-checkbox-index-js.js +2 -1
  56. package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +2 -1
  57. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
  58. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-internal-index-js.js +1 -1
  59. package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
  60. package/dist/umd/button-selection-group-fields-descope-button-selection-group-internal-index-js.js +1 -1
  61. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
  62. package/dist/umd/descope-avatar-index-js.js +1 -1
  63. package/dist/umd/descope-badge-index-js.js +1 -1
  64. package/dist/umd/descope-button-index-js.js +338 -1
  65. package/dist/umd/descope-button-index-js.js.LICENSE.txt +11 -0
  66. package/dist/umd/descope-combo-box-index-js.js +113 -1
  67. package/dist/umd/descope-container-index-js.js +1 -1
  68. package/dist/umd/descope-date-picker-index-js.js +1 -1
  69. package/dist/umd/descope-divider-index-js.js +1 -1
  70. package/dist/umd/descope-email-field-index-js.js +54 -1
  71. package/dist/umd/descope-email-field-index-js.js.LICENSE.txt +11 -0
  72. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +90 -1
  73. package/dist/umd/{1735.js.LICENSE.txt → descope-grid-descope-grid-custom-column-index-js.js.LICENSE.txt} +2 -2
  74. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +2 -1
  75. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js.LICENSE.txt +17 -0
  76. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +90 -1
  77. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.LICENSE.txt +17 -0
  78. package/dist/umd/descope-grid-index-js.js +1 -1
  79. package/dist/umd/descope-image-index-js.js +1 -1
  80. package/dist/umd/descope-link-index-js.js +1 -1
  81. package/dist/umd/descope-loader-linear-index-js.js +1 -1
  82. package/dist/umd/descope-loader-radial-index-js.js +1 -1
  83. package/dist/umd/descope-logo-index-js.js +1 -1
  84. package/dist/umd/descope-modal-index-js.js +1 -1
  85. package/dist/umd/descope-multi-select-combo-box-index-js.js +1 -1
  86. package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
  87. package/dist/umd/descope-new-password-index-js.js +1 -1
  88. package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -1
  89. package/dist/umd/descope-notification-index-js.js +1 -1
  90. package/dist/umd/descope-notp-image-index-js.js +1 -1
  91. package/dist/umd/descope-number-field-index-js.js +1 -1
  92. package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
  93. package/dist/umd/descope-passcode-index-js.js +37 -1
  94. package/dist/umd/descope-passcode-index-js.js.LICENSE.txt +11 -0
  95. package/dist/umd/descope-password-index-js.js +1 -1
  96. package/dist/umd/descope-policy-validation-index-js.js +1 -1
  97. package/dist/umd/descope-recaptcha-index-js.js +1 -1
  98. package/dist/umd/descope-text-area-index-js.js +1 -1
  99. package/dist/umd/descope-text-field-index-js.js +37 -1
  100. package/dist/umd/descope-text-field-index-js.js.LICENSE.txt +11 -0
  101. package/dist/umd/descope-totp-image-index-js.js +1 -1
  102. package/dist/umd/descope-upload-file-index-js.js +1 -1
  103. package/dist/umd/descope-user-attribute-index-js.js +1 -1
  104. package/dist/umd/descope-user-auth-method-index-js.js +1 -1
  105. package/dist/umd/index.js +1 -1
  106. package/dist/umd/mapping-fields-descope-mappings-field-descope-mapping-item-index-js.js +1 -1
  107. package/dist/umd/mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js.js +1 -1
  108. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -126
  109. package/dist/umd/mapping-fields-descope-saml-group-mappings-descope-saml-group-mappings-internal-index-js.js +1 -1
  110. package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
  111. package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
  112. package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
  113. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +37 -1
  114. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.LICENSE.txt +11 -0
  115. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  116. package/dist/umd/text-components-descope-markdown-content-index-js.js +1 -0
  117. package/dist/umd/text-components-descope-text-index-js.js +1 -0
  118. package/package.json +4 -2
  119. package/src/components/descope-divider/DividerClass.js +1 -1
  120. package/src/components/descope-divider/index.js +1 -1
  121. package/src/components/descope-link/LinkClass.js +1 -1
  122. package/src/components/descope-link/index.js +1 -1
  123. package/src/components/descope-user-attribute/UserAttributeClass.js +1 -1
  124. package/src/components/descope-user-attribute/index.js +1 -1
  125. package/src/components/descope-user-auth-method/UserAuthMethodClass.js +3 -2
  126. package/src/components/descope-user-auth-method/index.js +1 -1
  127. package/src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js +1 -1
  128. package/src/components/mapping-fields/descope-mappings-field/index.js +1 -1
  129. package/src/components/text-components/createBaseTextClass.js +26 -0
  130. package/src/components/text-components/descope-markdown-content/MarkdownContentClass.js +98 -0
  131. package/src/components/text-components/descope-markdown-content/helpers.js +41 -0
  132. package/src/components/text-components/descope-markdown-content/index.js +5 -0
  133. package/src/components/text-components/descope-text/TextClass.js +34 -0
  134. package/src/components/text-components/hideWhenEmptyMixin.js +17 -0
  135. package/src/dev/index.js +1 -0
  136. package/src/index.cjs.js +2 -1
  137. package/src/index.d.ts +2 -1
  138. package/src/index.js +2 -1
  139. package/src/mixins/normalizeBooleanAttributesMixin.js +1 -1
  140. package/src/theme/components/index.js +2 -0
  141. package/src/theme/components/markdownContent.js +84 -0
  142. package/src/theme/components/text.js +1 -1
  143. package/dist/umd/1000.js +0 -1
  144. package/dist/umd/1037.js +0 -2
  145. package/dist/umd/1721.js +0 -1
  146. package/dist/umd/1735.js +0 -73
  147. package/dist/umd/2066.js +0 -2
  148. package/dist/umd/2106.js +0 -73
  149. package/dist/umd/2269.js +0 -2
  150. package/dist/umd/2269.js.LICENSE.txt +0 -5
  151. package/dist/umd/2481.js +0 -1
  152. package/dist/umd/262.js +0 -2
  153. package/dist/umd/262.js.LICENSE.txt +0 -5
  154. package/dist/umd/3003.js +0 -2
  155. package/dist/umd/3208.js +0 -2
  156. package/dist/umd/3208.js.LICENSE.txt +0 -5
  157. package/dist/umd/322.js +0 -90
  158. package/dist/umd/322.js.LICENSE.txt +0 -5
  159. package/dist/umd/3249.js +0 -2
  160. package/dist/umd/3249.js.LICENSE.txt +0 -5
  161. package/dist/umd/3373.js +0 -2
  162. package/dist/umd/3373.js.LICENSE.txt +0 -5
  163. package/dist/umd/3585.js +0 -1
  164. package/dist/umd/3878.js +0 -1
  165. package/dist/umd/4201.js +0 -1
  166. package/dist/umd/422.js +0 -2
  167. package/dist/umd/422.js.LICENSE.txt +0 -5
  168. package/dist/umd/4226.js +0 -114
  169. package/dist/umd/4447.js +0 -1
  170. package/dist/umd/4567.js +0 -1
  171. package/dist/umd/4577.js +0 -1
  172. package/dist/umd/4595.js.LICENSE.txt +0 -11
  173. package/dist/umd/4803.js +0 -1
  174. package/dist/umd/4905.js +0 -2
  175. package/dist/umd/4905.js.LICENSE.txt +0 -5
  176. package/dist/umd/4946.js +0 -2
  177. package/dist/umd/4946.js.LICENSE.txt +0 -5
  178. package/dist/umd/6091.js +0 -124
  179. package/dist/umd/6606.js +0 -17
  180. package/dist/umd/6687.js +0 -9
  181. package/dist/umd/6687.js.LICENSE.txt +0 -5
  182. package/dist/umd/6977.js +0 -2
  183. package/dist/umd/6977.js.LICENSE.txt +0 -5
  184. package/dist/umd/7044.js +0 -1
  185. package/dist/umd/7583.js +0 -113
  186. package/dist/umd/8623.js +0 -2
  187. package/dist/umd/8623.js.LICENSE.txt +0 -5
  188. package/dist/umd/8725.js +0 -37
  189. package/dist/umd/9189.js +0 -2
  190. package/dist/umd/9189.js.LICENSE.txt +0 -5
  191. package/dist/umd/9211.js.LICENSE.txt +0 -5
  192. package/dist/umd/9214.js +0 -1
  193. package/dist/umd/9320.js +0 -2
  194. package/dist/umd/9320.js.LICENSE.txt +0 -5
  195. package/dist/umd/9383.js +0 -94
  196. package/dist/umd/9434.js +0 -1
  197. package/dist/umd/9437.js +0 -19
  198. package/dist/umd/9437.js.LICENSE.txt +0 -5
  199. package/dist/umd/9680.js +0 -2
  200. package/dist/umd/9680.js.LICENSE.txt +0 -5
  201. package/dist/umd/9789.js +0 -1
  202. package/dist/umd/descope-text-index-js.js +0 -1
  203. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.LICENSE.txt +0 -5
  204. package/src/components/descope-text/TextClass.js +0 -67
  205. /package/dist/umd/{3092.js.LICENSE.txt → 1612.js.LICENSE.txt} +0 -0
  206. /package/dist/umd/{6606.js.LICENSE.txt → 2362.js.LICENSE.txt} +0 -0
  207. /package/dist/umd/{4226.js.LICENSE.txt → 4024.js.LICENSE.txt} +0 -0
  208. /package/dist/umd/{8725.js.LICENSE.txt → 4052.js.LICENSE.txt} +0 -0
  209. /package/dist/umd/{9383.js.LICENSE.txt → 8191.js.LICENSE.txt} +0 -0
  210. /package/dist/umd/{1037.js.LICENSE.txt → boolean-fields-descope-checkbox-index-js.js.LICENSE.txt} +0 -0
  211. /package/dist/umd/{2066.js.LICENSE.txt → boolean-fields-descope-switch-toggle-index-js.js.LICENSE.txt} +0 -0
  212. /package/dist/umd/{7583.js.LICENSE.txt → descope-combo-box-index-js.js.LICENSE.txt} +0 -0
  213. /package/src/components/{descope-text → text-components/descope-text}/index.js +0 -0
package/dist/index.esm.js CHANGED
@@ -5,6 +5,7 @@ import '@vaadin/text-field';
5
5
  import '@vaadin/email-field';
6
6
  import '@vaadin/number-field';
7
7
  import '@vaadin/password-field';
8
+ import markdownit from 'markdown-it';
8
9
  import '@vaadin/text-area';
9
10
  import '@vaadin/combo-box';
10
11
  import '@vaadin/grid';
@@ -630,7 +631,7 @@ const normalizeBooleanAttributesMixin = (superclass) =>
630
631
  }
631
632
  } else if (!attrVal) {
632
633
  // eslint-disable-next-line no-console
633
- console.warn(
634
+ console.debug(
634
635
  `attribute "${attr}" has no value, should it be added to the boolean attributes list?`
635
636
  );
636
637
  }
@@ -1354,7 +1355,7 @@ const clickableMixin = (superclass) =>
1354
1355
  }
1355
1356
  };
1356
1357
 
1357
- const componentName$R = getComponentName('button');
1358
+ const componentName$S = getComponentName('button');
1358
1359
 
1359
1360
  const resetStyles = `
1360
1361
  :host {
@@ -1456,7 +1457,7 @@ const ButtonClass = compose(
1456
1457
  }
1457
1458
  `,
1458
1459
  excludeAttrsSync: ['tabindex'],
1459
- componentName: componentName$R,
1460
+ componentName: componentName$S,
1460
1461
  })
1461
1462
  );
1462
1463
 
@@ -1493,7 +1494,7 @@ loadingIndicatorStyles = `
1493
1494
  }
1494
1495
  `;
1495
1496
 
1496
- customElements.define(componentName$R, ButtonClass);
1497
+ customElements.define(componentName$S, ButtonClass);
1497
1498
 
1498
1499
  const createBaseInputClass = (...args) =>
1499
1500
  compose(
@@ -1503,11 +1504,11 @@ const createBaseInputClass = (...args) =>
1503
1504
  inputEventsDispatchingMixin
1504
1505
  )(createBaseClass(...args));
1505
1506
 
1506
- const componentName$Q = getComponentName('boolean-field-internal');
1507
+ const componentName$R = getComponentName('boolean-field-internal');
1507
1508
 
1508
1509
  const forwardAttributes$1 = ['disabled', 'label', 'invalid', 'readonly'];
1509
1510
 
1510
- const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$Q, baseSelector: 'div' });
1511
+ const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$R, baseSelector: 'div' });
1511
1512
 
1512
1513
  class BooleanInputInternal extends BaseInputClass$8 {
1513
1514
  static get observedAttributes() {
@@ -1583,14 +1584,14 @@ const booleanFieldMixin = (superclass) =>
1583
1584
 
1584
1585
  const template = document.createElement('template');
1585
1586
  template.innerHTML = `
1586
- <${componentName$Q}
1587
+ <${componentName$R}
1587
1588
  tabindex="-1"
1588
1589
  slot="input"
1589
- ></${componentName$Q}>
1590
+ ></${componentName$R}>
1590
1591
  `;
1591
1592
 
1592
1593
  this.baseElement.appendChild(template.content.cloneNode(true));
1593
- this.inputElement = this.shadowRoot.querySelector(componentName$Q);
1594
+ this.inputElement = this.shadowRoot.querySelector(componentName$R);
1594
1595
  this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
1595
1596
 
1596
1597
  forwardAttrs(this, this.inputElement, {
@@ -1789,7 +1790,7 @@ descope-boolean-field-internal {
1789
1790
  }
1790
1791
  `;
1791
1792
 
1792
- const componentName$P = getComponentName('checkbox');
1793
+ const componentName$Q = getComponentName('checkbox');
1793
1794
 
1794
1795
  const {
1795
1796
  host: host$m,
@@ -1895,15 +1896,15 @@ const CheckboxClass = compose(
1895
1896
  }
1896
1897
  `,
1897
1898
  excludeAttrsSync: ['label', 'tabindex'],
1898
- componentName: componentName$P,
1899
+ componentName: componentName$Q,
1899
1900
  })
1900
1901
  );
1901
1902
 
1902
- customElements.define(componentName$Q, BooleanInputInternal);
1903
+ customElements.define(componentName$R, BooleanInputInternal);
1903
1904
 
1904
- customElements.define(componentName$P, CheckboxClass);
1905
+ customElements.define(componentName$Q, CheckboxClass);
1905
1906
 
1906
- const componentName$O = getComponentName('switch-toggle');
1907
+ const componentName$P = getComponentName('switch-toggle');
1907
1908
 
1908
1909
  const {
1909
1910
  host: host$l,
@@ -2035,17 +2036,17 @@ const SwitchToggleClass = compose(
2035
2036
  }
2036
2037
  `,
2037
2038
  excludeAttrsSync: ['label', 'tabindex'],
2038
- componentName: componentName$O,
2039
+ componentName: componentName$P,
2039
2040
  })
2040
2041
  );
2041
2042
 
2042
- customElements.define(componentName$O, SwitchToggleClass);
2043
+ customElements.define(componentName$P, SwitchToggleClass);
2043
2044
 
2044
- const componentName$N = getComponentName('loader-linear');
2045
+ const componentName$O = getComponentName('loader-linear');
2045
2046
 
2046
- class RawLoaderLinear extends createBaseClass({ componentName: componentName$N, baseSelector: ':host > div' }) {
2047
+ class RawLoaderLinear extends createBaseClass({ componentName: componentName$O, baseSelector: ':host > div' }) {
2047
2048
  static get componentName() {
2048
- return componentName$N;
2049
+ return componentName$O;
2049
2050
  }
2050
2051
 
2051
2052
  constructor() {
@@ -2106,11 +2107,11 @@ const LoaderLinearClass = compose(
2106
2107
  componentNameValidationMixin
2107
2108
  )(RawLoaderLinear);
2108
2109
 
2109
- customElements.define(componentName$N, LoaderLinearClass);
2110
+ customElements.define(componentName$O, LoaderLinearClass);
2110
2111
 
2111
- const componentName$M = getComponentName('loader-radial');
2112
+ const componentName$N = getComponentName('loader-radial');
2112
2113
 
2113
- class RawLoaderRadial extends createBaseClass({ componentName: componentName$M, baseSelector: ':host > div' }) {
2114
+ class RawLoaderRadial extends createBaseClass({ componentName: componentName$N, baseSelector: ':host > div' }) {
2114
2115
  constructor() {
2115
2116
  super();
2116
2117
 
@@ -2154,11 +2155,11 @@ const LoaderRadialClass = compose(
2154
2155
  componentNameValidationMixin
2155
2156
  )(RawLoaderRadial);
2156
2157
 
2157
- customElements.define(componentName$M, LoaderRadialClass);
2158
+ customElements.define(componentName$N, LoaderRadialClass);
2158
2159
 
2159
- const componentName$L = getComponentName('container');
2160
+ const componentName$M = getComponentName('container');
2160
2161
 
2161
- class RawContainer extends createBaseClass({ componentName: componentName$L, baseSelector: 'slot' }) {
2162
+ class RawContainer extends createBaseClass({ componentName: componentName$M, baseSelector: 'slot' }) {
2162
2163
  constructor() {
2163
2164
  super();
2164
2165
 
@@ -2211,33 +2212,10 @@ const ContainerClass = compose(
2211
2212
  componentNameValidationMixin
2212
2213
  )(RawContainer);
2213
2214
 
2214
- customElements.define(componentName$L, ContainerClass);
2215
-
2216
- // eslint-disable-next-line max-classes-per-file
2217
-
2218
- const componentName$K = getComponentName('text');
2219
-
2220
- class RawText extends createBaseClass({ componentName: componentName$K, baseSelector: ':host > slot' }) {
2221
- constructor() {
2222
- super();
2215
+ customElements.define(componentName$M, ContainerClass);
2223
2216
 
2224
- this.attachShadow({ mode: 'open' }).innerHTML = `
2225
- <style>
2226
- :host {
2227
- display: inline-block;
2228
- }
2229
- :host > slot {
2230
- width: 100%;
2231
- display: inline-block;
2232
- }
2233
- </style>
2234
- <slot part="text-wrapper"></slot>
2235
- `;
2236
- }
2237
- }
2238
-
2239
- const customTextMixin = (superclass) =>
2240
- class CustomTextMixin extends superclass {
2217
+ const hideWhenEmptyMixin = (superclass) =>
2218
+ class HideWhenEmptyMixinClass extends superclass {
2241
2219
  get hideWhenEmpty() {
2242
2220
  return this.getAttribute('hide-when-empty') === 'true';
2243
2221
  }
@@ -2252,6 +2230,35 @@ const customTextMixin = (superclass) =>
2252
2230
  }
2253
2231
  };
2254
2232
 
2233
+ const createBaseTextClass = (componentName) => {
2234
+ class BaseText extends createBaseClass({ componentName, baseSelector: ':host > slot' }) {
2235
+ constructor() {
2236
+ super();
2237
+
2238
+ this.attachShadow({ mode: 'open' }).innerHTML = `
2239
+ <style>
2240
+ :host {
2241
+ display: inline-block;
2242
+ }
2243
+ :host > slot {
2244
+ width: 100%;
2245
+ display: inline-block;
2246
+ }
2247
+ </style>
2248
+ <slot part="text-wrapper"></slot>
2249
+ `;
2250
+
2251
+ this.textSlot = this.shadowRoot.querySelector('slot');
2252
+ }
2253
+ }
2254
+
2255
+ return BaseText;
2256
+ };
2257
+
2258
+ const componentName$L = getComponentName('text');
2259
+
2260
+ const BaseTextClass = createBaseTextClass(componentName$L);
2261
+
2255
2262
  const TextClass = compose(
2256
2263
  createStyleMixin({
2257
2264
  mappings: {
@@ -2274,11 +2281,11 @@ const TextClass = compose(
2274
2281
  }),
2275
2282
  draggableMixin,
2276
2283
  componentNameValidationMixin,
2277
- customTextMixin
2278
- )(RawText);
2284
+ hideWhenEmptyMixin
2285
+ )(BaseTextClass);
2279
2286
 
2280
- const componentName$J = getComponentName('divider');
2281
- class RawDivider extends createBaseClass({ componentName: componentName$J, baseSelector: ':host > div' }) {
2287
+ const componentName$K = getComponentName('divider');
2288
+ class RawDivider extends createBaseClass({ componentName: componentName$K, baseSelector: ':host > div' }) {
2282
2289
  constructor() {
2283
2290
  super();
2284
2291
 
@@ -2377,9 +2384,9 @@ const DividerClass = compose(
2377
2384
  componentNameValidationMixin
2378
2385
  )(RawDivider);
2379
2386
 
2380
- customElements.define(componentName$K, TextClass);
2387
+ customElements.define(componentName$L, TextClass);
2381
2388
 
2382
- customElements.define(componentName$J, DividerClass);
2389
+ customElements.define(componentName$K, DividerClass);
2383
2390
 
2384
2391
  const {
2385
2392
  host: host$i,
@@ -2457,7 +2464,7 @@ var textFieldMappings = {
2457
2464
  ],
2458
2465
  };
2459
2466
 
2460
- const componentName$I = getComponentName('email-field');
2467
+ const componentName$J = getComponentName('email-field');
2461
2468
 
2462
2469
  const customMixin$8 = (superclass) =>
2463
2470
  class EmailFieldMixinClass extends superclass {
@@ -2492,15 +2499,15 @@ const EmailFieldClass = compose(
2492
2499
  ${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
2493
2500
  `,
2494
2501
  excludeAttrsSync: ['tabindex'],
2495
- componentName: componentName$I,
2502
+ componentName: componentName$J,
2496
2503
  })
2497
2504
  );
2498
2505
 
2499
- customElements.define(componentName$I, EmailFieldClass);
2506
+ customElements.define(componentName$J, EmailFieldClass);
2500
2507
 
2501
- const componentName$H = getComponentName('link');
2508
+ const componentName$I = getComponentName('link');
2502
2509
 
2503
- class RawLink extends createBaseClass({ componentName: componentName$H, baseSelector: ':host a' }) {
2510
+ class RawLink extends createBaseClass({ componentName: componentName$I, baseSelector: ':host a' }) {
2504
2511
  constructor() {
2505
2512
  super();
2506
2513
 
@@ -2565,7 +2572,7 @@ const LinkClass = compose(
2565
2572
  componentNameValidationMixin
2566
2573
  )(RawLink);
2567
2574
 
2568
- customElements.define(componentName$H, LinkClass);
2575
+ customElements.define(componentName$I, LinkClass);
2569
2576
 
2570
2577
  const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
2571
2578
  let style;
@@ -2617,37 +2624,37 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
2617
2624
  return CssVarImageClass;
2618
2625
  };
2619
2626
 
2620
- const componentName$G = getComponentName('logo');
2627
+ const componentName$H = getComponentName('logo');
2621
2628
 
2622
2629
  const LogoClass = createCssVarImageClass({
2623
- componentName: componentName$G,
2630
+ componentName: componentName$H,
2624
2631
  varName: 'url',
2625
2632
  fallbackVarName: 'fallbackUrl',
2626
2633
  });
2627
2634
 
2628
- customElements.define(componentName$G, LogoClass);
2635
+ customElements.define(componentName$H, LogoClass);
2629
2636
 
2630
- const componentName$F = getComponentName('totp-image');
2637
+ const componentName$G = getComponentName('totp-image');
2631
2638
 
2632
2639
  const TotpImageClass = createCssVarImageClass({
2633
- componentName: componentName$F,
2640
+ componentName: componentName$G,
2634
2641
  varName: 'url',
2635
2642
  fallbackVarName: 'fallbackUrl',
2636
2643
  });
2637
2644
 
2638
- customElements.define(componentName$F, TotpImageClass);
2645
+ customElements.define(componentName$G, TotpImageClass);
2639
2646
 
2640
- const componentName$E = getComponentName('notp-image');
2647
+ const componentName$F = getComponentName('notp-image');
2641
2648
 
2642
2649
  const NotpImageClass = createCssVarImageClass({
2643
- componentName: componentName$E,
2650
+ componentName: componentName$F,
2644
2651
  varName: 'url',
2645
2652
  fallbackVarName: 'fallbackUrl',
2646
2653
  });
2647
2654
 
2648
- customElements.define(componentName$E, NotpImageClass);
2655
+ customElements.define(componentName$F, NotpImageClass);
2649
2656
 
2650
- const componentName$D = getComponentName('number-field');
2657
+ const componentName$E = getComponentName('number-field');
2651
2658
 
2652
2659
  const NumberFieldClass = compose(
2653
2660
  createStyleMixin({
@@ -2673,11 +2680,11 @@ const NumberFieldClass = compose(
2673
2680
  ${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}
2674
2681
  `,
2675
2682
  excludeAttrsSync: ['tabindex'],
2676
- componentName: componentName$D,
2683
+ componentName: componentName$E,
2677
2684
  })
2678
2685
  );
2679
2686
 
2680
- customElements.define(componentName$D, NumberFieldClass);
2687
+ customElements.define(componentName$E, NumberFieldClass);
2681
2688
 
2682
2689
  const focusElement = (ele) => {
2683
2690
  ele?.focus();
@@ -2695,13 +2702,13 @@ const getSanitizedCharacters = (str) => {
2695
2702
 
2696
2703
  /* eslint-disable no-param-reassign */
2697
2704
 
2698
- const componentName$C = getComponentName('passcode-internal');
2705
+ const componentName$D = getComponentName('passcode-internal');
2699
2706
 
2700
2707
  const observedAttributes$5 = ['digits', 'loading'];
2701
2708
 
2702
2709
  const forwardAttributes = ['disabled', 'bordered', 'size', 'invalid', 'readonly'];
2703
2710
 
2704
- const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$C, baseSelector: 'div' });
2711
+ const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$D, baseSelector: 'div' });
2705
2712
 
2706
2713
  class PasscodeInternal extends BaseInputClass$7 {
2707
2714
  static get observedAttributes() {
@@ -2927,7 +2934,7 @@ class PasscodeInternal extends BaseInputClass$7 {
2927
2934
  }
2928
2935
  }
2929
2936
 
2930
- const componentName$B = getComponentName('text-field');
2937
+ const componentName$C = getComponentName('text-field');
2931
2938
 
2932
2939
  const observedAttrs = ['type'];
2933
2940
 
@@ -2977,11 +2984,11 @@ const TextFieldClass = compose(
2977
2984
  ${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}
2978
2985
  `,
2979
2986
  excludeAttrsSync: ['tabindex'],
2980
- componentName: componentName$B,
2987
+ componentName: componentName$C,
2981
2988
  })
2982
2989
  );
2983
2990
 
2984
- const componentName$A = getComponentName('passcode');
2991
+ const componentName$B = getComponentName('passcode');
2985
2992
 
2986
2993
  const observedAttributes$4 = ['digits'];
2987
2994
 
@@ -3000,17 +3007,17 @@ const customMixin$6 = (superclass) =>
3000
3007
  const template = document.createElement('template');
3001
3008
 
3002
3009
  template.innerHTML = `
3003
- <${componentName$C}
3010
+ <${componentName$D}
3004
3011
  bordered="true"
3005
3012
  name="code"
3006
3013
  tabindex="-1"
3007
3014
  slot="input"
3008
- ><slot></slot></${componentName$C}>
3015
+ ><slot></slot></${componentName$D}>
3009
3016
  `;
3010
3017
 
3011
3018
  this.baseElement.appendChild(template.content.cloneNode(true));
3012
3019
 
3013
- this.inputElement = this.shadowRoot.querySelector(componentName$C);
3020
+ this.inputElement = this.shadowRoot.querySelector(componentName$D);
3014
3021
 
3015
3022
  forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
3016
3023
  }
@@ -3157,15 +3164,15 @@ const PasscodeClass = compose(
3157
3164
  ${resetInputCursor('vaadin-text-field')}
3158
3165
  `,
3159
3166
  excludeAttrsSync: ['tabindex'],
3160
- componentName: componentName$A,
3167
+ componentName: componentName$B,
3161
3168
  })
3162
3169
  );
3163
3170
 
3164
- customElements.define(componentName$B, TextFieldClass);
3171
+ customElements.define(componentName$C, TextFieldClass);
3165
3172
 
3166
- customElements.define(componentName$C, PasscodeInternal);
3173
+ customElements.define(componentName$D, PasscodeInternal);
3167
3174
 
3168
- customElements.define(componentName$A, PasscodeClass);
3175
+ customElements.define(componentName$B, PasscodeClass);
3169
3176
 
3170
3177
  const passwordDraggableMixin = (superclass) =>
3171
3178
  class PasswordDraggableMixinClass extends superclass {
@@ -3201,7 +3208,7 @@ const passwordDraggableMixin = (superclass) =>
3201
3208
  }
3202
3209
  };
3203
3210
 
3204
- const componentName$z = getComponentName('password');
3211
+ const componentName$A = getComponentName('password');
3205
3212
 
3206
3213
  const {
3207
3214
  host: host$f,
@@ -3330,11 +3337,146 @@ const PasswordClass = compose(
3330
3337
  }
3331
3338
  `,
3332
3339
  excludeAttrsSync: ['tabindex'],
3333
- componentName: componentName$z,
3340
+ componentName: componentName$A,
3334
3341
  })
3335
3342
  );
3336
3343
 
3337
- customElements.define(componentName$z, PasswordClass);
3344
+ customElements.define(componentName$A, PasswordClass);
3345
+
3346
+ const customEleMap = {
3347
+ a: 'descope-link',
3348
+ };
3349
+
3350
+ const getTokenTag = (token) => customEleMap[token.tag] || token.tag;
3351
+
3352
+ const isImageToken = (token) => token?.children?.[0].type === 'image';
3353
+
3354
+ const enrichTokens = (tokens) =>
3355
+ tokens.map((token) => {
3356
+ const tag = getTokenTag(token);
3357
+
3358
+ if (isImageToken(token)) {
3359
+ token.children[0].attrs.push(['style', 'width:100%']);
3360
+ return {
3361
+ ...token,
3362
+ tag,
3363
+ };
3364
+ }
3365
+
3366
+ if (token?.children?.length > 0) {
3367
+ return {
3368
+ ...token,
3369
+ tag,
3370
+ children: enrichTokens(token.children),
3371
+ };
3372
+ }
3373
+
3374
+ return {
3375
+ ...token,
3376
+ tag,
3377
+ };
3378
+ });
3379
+
3380
+ const onClipboardCopy = (e) => {
3381
+ const selection = document.getSelection().toString();
3382
+ const clipdata = e.clipboardData || window.clipboardData;
3383
+ clipdata.setData('text/plain', selection);
3384
+ clipdata.setData('text/html', selection);
3385
+ e.preventDefault();
3386
+ };
3387
+
3388
+ const componentName$z = getComponentName('markdown-content');
3389
+
3390
+ const BaseMarkdownContentClass = createBaseTextClass(componentName$z);
3391
+
3392
+ const markdownContentMixin = (superclass) =>
3393
+ class MarkdownContentMixinClass extends superclass {
3394
+ static get observedAttributes() {
3395
+ return ['disabled-rules', 'line-break'];
3396
+ }
3397
+
3398
+ get lineBreak() {
3399
+ return this.getAttribute('line-break');
3400
+ }
3401
+
3402
+ get disabledRules() {
3403
+ return (this.getAttribute('disabled-rules') || '').split(',').filter(Boolean);
3404
+ }
3405
+
3406
+ init() {
3407
+ super.init();
3408
+ this.#initMarkdown();
3409
+ this.textSlot.addEventListener('slotchange', this.#parseChildren.bind(this));
3410
+ }
3411
+
3412
+ attributeChangedCallback(attrName, oldValue, newValue) {
3413
+ super.attributeChangedCallback?.(attrName, oldValue, newValue);
3414
+
3415
+ if (attrName === 'disabled-rules') {
3416
+ if (newValue !== oldValue) {
3417
+ this.#initMarkdown(newValue);
3418
+ this.#parseChildren();
3419
+ }
3420
+ }
3421
+ }
3422
+
3423
+ #initMarkdown() {
3424
+ this.markdown = markdownit({ breaks: this.lineBreak }).disable(this.disabledRules);
3425
+ }
3426
+
3427
+ #parseChildren() {
3428
+ const node = this.textSlot.assignedNodes({ flatten: true })?.[0];
3429
+
3430
+ if (node && node.nodeType === Node.TEXT_NODE) {
3431
+ const tokens = this.markdown.parse(node.textContent, { references: undefined });
3432
+ const result = this.markdown.renderer.render(enrichTokens(tokens), {
3433
+ breaks: this.lineBreak,
3434
+ });
3435
+
3436
+ if (result !== node.textContent) {
3437
+ const span = document.createElement('div');
3438
+ span.classList.add('markdown-wrapper');
3439
+ // eslint-disable-next-line no-use-before-define
3440
+ span.innerHTML = `${getStyleReset()}${result}`;
3441
+ span.addEventListener('copy', onClipboardCopy);
3442
+ node.parentNode.replaceChild(span, node);
3443
+ }
3444
+ }
3445
+ }
3446
+ };
3447
+
3448
+ const MarkdownContentClass = compose(
3449
+ createStyleMixin({
3450
+ mappings: {
3451
+ hostWidth: { selector: () => ':host', property: 'width' },
3452
+ hostDirection: { selector: () => ':host', property: 'direction' },
3453
+ fontSize: {},
3454
+ fontFamily: {},
3455
+ fontWeight: {},
3456
+ textColor: { property: 'color' },
3457
+ textLineHeight: { property: 'line-height' },
3458
+ marginReset: { selector: '*', property: 'margin' },
3459
+ textAlign: {},
3460
+ },
3461
+ }),
3462
+ draggableMixin,
3463
+ componentNameValidationMixin,
3464
+ markdownContentMixin,
3465
+ hideWhenEmptyMixin
3466
+ )(BaseMarkdownContentClass);
3467
+
3468
+ function getStyleReset() {
3469
+ return `
3470
+ <style>
3471
+ .markdown-wrapper > * { margin:0 }
3472
+ .markdown-wrapper > *:not(:only-child):not(:last-child) {
3473
+ margin-bottom: var(${MarkdownContentClass.cssVarList.textLineHeight})
3474
+ }
3475
+ </style>
3476
+ `;
3477
+ }
3478
+
3479
+ customElements.define(componentName$z, MarkdownContentClass);
3338
3480
 
3339
3481
  const componentName$y = getComponentName('text-area');
3340
3482
 
@@ -9854,6 +9996,7 @@ class RawUserAuthMethod extends createBaseClass({
9854
9996
 
9855
9997
  .hidden-btn {
9856
9998
  width: 0;
9999
+ overflow: hidden;
9857
10000
  }
9858
10001
 
9859
10002
  slot[name="method-icon"]{
@@ -9876,7 +10019,7 @@ class RawUserAuthMethod extends createBaseClass({
9876
10019
  <div class="fulfilled-indicator">
9877
10020
  <vaadin-icon src=${greenVIcon}></vaadin-icon>
9878
10021
  </div>
9879
- <descope-button class="hidden-btn"size="sm" variant="link" mode="primary"></descope-button>
10022
+ <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>
9880
10023
  </div>
9881
10024
  </div>
9882
10025
  `;
@@ -10646,33 +10789,33 @@ const globals = {
10646
10789
  fonts,
10647
10790
  direction,
10648
10791
  };
10649
- const vars$E = getThemeVars(globals);
10792
+ const vars$F = getThemeVars(globals);
10650
10793
 
10651
- const globalRefs$n = getThemeRefs(globals);
10794
+ const globalRefs$o = getThemeRefs(globals);
10652
10795
  const compVars$5 = ButtonClass.cssVarList;
10653
10796
 
10654
10797
  const mode = {
10655
- primary: globalRefs$n.colors.primary,
10656
- secondary: globalRefs$n.colors.secondary,
10657
- success: globalRefs$n.colors.success,
10658
- error: globalRefs$n.colors.error,
10659
- surface: globalRefs$n.colors.surface,
10798
+ primary: globalRefs$o.colors.primary,
10799
+ secondary: globalRefs$o.colors.secondary,
10800
+ success: globalRefs$o.colors.success,
10801
+ error: globalRefs$o.colors.error,
10802
+ surface: globalRefs$o.colors.surface,
10660
10803
  };
10661
10804
 
10662
- const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$R);
10805
+ const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$S);
10663
10806
 
10664
10807
  const button = {
10665
10808
  ...helperTheme$3,
10666
10809
 
10667
- [compVars$5.fontFamily]: globalRefs$n.fonts.font1.family,
10810
+ [compVars$5.fontFamily]: globalRefs$o.fonts.font1.family,
10668
10811
 
10669
10812
  [compVars$5.cursor]: 'pointer',
10670
10813
  [compVars$5.hostHeight]: '3em',
10671
10814
  [compVars$5.hostWidth]: 'auto',
10672
- [compVars$5.hostDirection]: globalRefs$n.direction,
10815
+ [compVars$5.hostDirection]: globalRefs$o.direction,
10673
10816
 
10674
- [compVars$5.borderRadius]: globalRefs$n.radius.sm,
10675
- [compVars$5.borderWidth]: globalRefs$n.border.xs,
10817
+ [compVars$5.borderRadius]: globalRefs$o.radius.sm,
10818
+ [compVars$5.borderWidth]: globalRefs$o.border.xs,
10676
10819
  [compVars$5.borderStyle]: 'solid',
10677
10820
  [compVars$5.borderColor]: 'transparent',
10678
10821
 
@@ -10715,10 +10858,10 @@ const button = {
10715
10858
  },
10716
10859
 
10717
10860
  _disabled: {
10718
- [helperVars$3.main]: globalRefs$n.colors.surface.light,
10719
- [helperVars$3.dark]: globalRefs$n.colors.surface.dark,
10720
- [helperVars$3.light]: globalRefs$n.colors.surface.light,
10721
- [helperVars$3.contrast]: globalRefs$n.colors.surface.main,
10861
+ [helperVars$3.main]: globalRefs$o.colors.surface.light,
10862
+ [helperVars$3.dark]: globalRefs$o.colors.surface.dark,
10863
+ [helperVars$3.light]: globalRefs$o.colors.surface.light,
10864
+ [helperVars$3.contrast]: globalRefs$o.colors.surface.main,
10722
10865
  },
10723
10866
 
10724
10867
  variant: {
@@ -10766,7 +10909,7 @@ const button = {
10766
10909
  },
10767
10910
  };
10768
10911
 
10769
- const vars$D = {
10912
+ const vars$E = {
10770
10913
  ...compVars$5,
10771
10914
  ...helperVars$3,
10772
10915
  };
@@ -10774,28 +10917,28 @@ const vars$D = {
10774
10917
  var button$1 = /*#__PURE__*/Object.freeze({
10775
10918
  __proto__: null,
10776
10919
  default: button,
10777
- vars: vars$D
10920
+ vars: vars$E
10778
10921
  });
10779
10922
 
10780
10923
  const componentName = getComponentName('input-wrapper');
10781
- const globalRefs$m = getThemeRefs(globals);
10924
+ const globalRefs$n = getThemeRefs(globals);
10782
10925
 
10783
- const [theme$1, refs, vars$C] = createHelperVars(
10926
+ const [theme$1, refs, vars$D] = createHelperVars(
10784
10927
  {
10785
- labelTextColor: globalRefs$m.colors.surface.dark,
10928
+ labelTextColor: globalRefs$n.colors.surface.dark,
10786
10929
  labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
10787
- valueTextColor: globalRefs$m.colors.surface.contrast,
10788
- placeholderTextColor: globalRefs$m.colors.surface.dark,
10930
+ valueTextColor: globalRefs$n.colors.surface.contrast,
10931
+ placeholderTextColor: globalRefs$n.colors.surface.dark,
10789
10932
  requiredIndicator: "'*'",
10790
- helperTextColor: globalRefs$m.colors.surface.dark,
10791
- errorMessageTextColor: globalRefs$m.colors.error.main,
10792
- successMessageTextColor: globalRefs$m.colors.success.main,
10933
+ helperTextColor: globalRefs$n.colors.surface.dark,
10934
+ errorMessageTextColor: globalRefs$n.colors.error.main,
10935
+ successMessageTextColor: globalRefs$n.colors.success.main,
10793
10936
 
10794
- borderWidth: globalRefs$m.border.xs,
10795
- borderRadius: globalRefs$m.radius.xs,
10937
+ borderWidth: globalRefs$n.border.xs,
10938
+ borderRadius: globalRefs$n.radius.xs,
10796
10939
  borderColor: 'transparent',
10797
10940
 
10798
- outlineWidth: globalRefs$m.border.sm,
10941
+ outlineWidth: globalRefs$n.border.sm,
10799
10942
  outlineStyle: 'solid',
10800
10943
  outlineColor: 'transparent',
10801
10944
  outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
@@ -10806,11 +10949,11 @@ const [theme$1, refs, vars$C] = createHelperVars(
10806
10949
  horizontalPadding: '0.5em',
10807
10950
  verticalPadding: '0.5em',
10808
10951
 
10809
- backgroundColor: globalRefs$m.colors.surface.main,
10952
+ backgroundColor: globalRefs$n.colors.surface.main,
10810
10953
 
10811
- fontFamily: globalRefs$m.fonts.font1.family,
10954
+ fontFamily: globalRefs$n.fonts.font1.family,
10812
10955
 
10813
- direction: globalRefs$m.direction,
10956
+ direction: globalRefs$n.direction,
10814
10957
 
10815
10958
  overlayOpacity: '0.3',
10816
10959
 
@@ -10826,28 +10969,28 @@ const [theme$1, refs, vars$C] = createHelperVars(
10826
10969
  },
10827
10970
 
10828
10971
  _focused: {
10829
- outlineColor: globalRefs$m.colors.surface.light,
10972
+ outlineColor: globalRefs$n.colors.surface.light,
10830
10973
  _invalid: {
10831
- outlineColor: globalRefs$m.colors.error.main,
10974
+ outlineColor: globalRefs$n.colors.error.main,
10832
10975
  },
10833
10976
  },
10834
10977
 
10835
10978
  _bordered: {
10836
- outlineWidth: globalRefs$m.border.xs,
10837
- borderColor: globalRefs$m.colors.surface.light,
10979
+ outlineWidth: globalRefs$n.border.xs,
10980
+ borderColor: globalRefs$n.colors.surface.light,
10838
10981
  borderStyle: 'solid',
10839
10982
  _invalid: {
10840
- borderColor: globalRefs$m.colors.error.main,
10983
+ borderColor: globalRefs$n.colors.error.main,
10841
10984
  },
10842
10985
  },
10843
10986
 
10844
10987
  _disabled: {
10845
- labelTextColor: globalRefs$m.colors.surface.light,
10846
- borderColor: globalRefs$m.colors.surface.light,
10847
- valueTextColor: globalRefs$m.colors.surface.light,
10848
- placeholderTextColor: globalRefs$m.colors.surface.light,
10849
- helperTextColor: globalRefs$m.colors.surface.light,
10850
- backgroundColor: globalRefs$m.colors.surface.main,
10988
+ labelTextColor: globalRefs$n.colors.surface.light,
10989
+ borderColor: globalRefs$n.colors.surface.light,
10990
+ valueTextColor: globalRefs$n.colors.surface.light,
10991
+ placeholderTextColor: globalRefs$n.colors.surface.light,
10992
+ helperTextColor: globalRefs$n.colors.surface.light,
10993
+ backgroundColor: globalRefs$n.colors.surface.main,
10851
10994
  },
10852
10995
  },
10853
10996
  componentName
@@ -10857,22 +11000,64 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
10857
11000
  __proto__: null,
10858
11001
  default: theme$1,
10859
11002
  refs: refs,
10860
- vars: vars$C
11003
+ vars: vars$D
10861
11004
  });
10862
11005
 
10863
- const vars$B = TextFieldClass.cssVarList;
11006
+ const vars$C = TextFieldClass.cssVarList;
10864
11007
 
10865
11008
  const textField = {
11009
+ [vars$C.hostWidth]: refs.width,
11010
+ [vars$C.hostMinWidth]: refs.minWidth,
11011
+ [vars$C.hostDirection]: refs.direction,
11012
+ [vars$C.fontSize]: refs.fontSize,
11013
+ [vars$C.fontFamily]: refs.fontFamily,
11014
+ [vars$C.labelTextColor]: refs.labelTextColor,
11015
+ [vars$C.labelRequiredIndicator]: refs.requiredIndicator,
11016
+ [vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
11017
+ [vars$C.inputValueTextColor]: refs.valueTextColor,
11018
+ [vars$C.inputPlaceholderColor]: refs.placeholderTextColor,
11019
+ [vars$C.inputBorderWidth]: refs.borderWidth,
11020
+ [vars$C.inputBorderStyle]: refs.borderStyle,
11021
+ [vars$C.inputBorderColor]: refs.borderColor,
11022
+ [vars$C.inputBorderRadius]: refs.borderRadius,
11023
+ [vars$C.inputOutlineWidth]: refs.outlineWidth,
11024
+ [vars$C.inputOutlineStyle]: refs.outlineStyle,
11025
+ [vars$C.inputOutlineColor]: refs.outlineColor,
11026
+ [vars$C.inputOutlineOffset]: refs.outlineOffset,
11027
+ [vars$C.inputBackgroundColor]: refs.backgroundColor,
11028
+ [vars$C.inputHeight]: refs.inputHeight,
11029
+ [vars$C.inputHorizontalPadding]: refs.horizontalPadding,
11030
+ [vars$C.helperTextColor]: refs.helperTextColor,
11031
+ textAlign: {
11032
+ right: { [vars$C.inputTextAlign]: 'right' },
11033
+ left: { [vars$C.inputTextAlign]: 'left' },
11034
+ center: { [vars$C.inputTextAlign]: 'center' },
11035
+ },
11036
+ };
11037
+
11038
+ var textField$1 = /*#__PURE__*/Object.freeze({
11039
+ __proto__: null,
11040
+ default: textField,
11041
+ textField: textField,
11042
+ vars: vars$C
11043
+ });
11044
+
11045
+ const globalRefs$m = getThemeRefs(globals);
11046
+ const vars$B = PasswordClass.cssVarList;
11047
+
11048
+ const password = {
10866
11049
  [vars$B.hostWidth]: refs.width,
10867
- [vars$B.hostMinWidth]: refs.minWidth,
10868
11050
  [vars$B.hostDirection]: refs.direction,
10869
11051
  [vars$B.fontSize]: refs.fontSize,
10870
11052
  [vars$B.fontFamily]: refs.fontFamily,
10871
11053
  [vars$B.labelTextColor]: refs.labelTextColor,
10872
- [vars$B.labelRequiredIndicator]: refs.requiredIndicator,
10873
11054
  [vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
11055
+ [vars$B.inputHorizontalPadding]: refs.horizontalPadding,
11056
+ [vars$B.inputHeight]: refs.inputHeight,
11057
+ [vars$B.inputBackgroundColor]: refs.backgroundColor,
11058
+ [vars$B.labelRequiredIndicator]: refs.requiredIndicator,
10874
11059
  [vars$B.inputValueTextColor]: refs.valueTextColor,
10875
- [vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
11060
+ [vars$B.inputPlaceholderTextColor]: refs.placeholderTextColor,
10876
11061
  [vars$B.inputBorderWidth]: refs.borderWidth,
10877
11062
  [vars$B.inputBorderStyle]: refs.borderStyle,
10878
11063
  [vars$B.inputBorderColor]: refs.borderColor,
@@ -10881,40 +11066,29 @@ const textField = {
10881
11066
  [vars$B.inputOutlineStyle]: refs.outlineStyle,
10882
11067
  [vars$B.inputOutlineColor]: refs.outlineColor,
10883
11068
  [vars$B.inputOutlineOffset]: refs.outlineOffset,
10884
- [vars$B.inputBackgroundColor]: refs.backgroundColor,
10885
- [vars$B.inputHeight]: refs.inputHeight,
10886
- [vars$B.inputHorizontalPadding]: refs.horizontalPadding,
10887
- [vars$B.helperTextColor]: refs.helperTextColor,
10888
- textAlign: {
10889
- right: { [vars$B.inputTextAlign]: 'right' },
10890
- left: { [vars$B.inputTextAlign]: 'left' },
10891
- center: { [vars$B.inputTextAlign]: 'center' },
10892
- },
11069
+ [vars$B.revealButtonOffset]: globalRefs$m.spacing.md,
11070
+ [vars$B.revealButtonSize]: refs.toggleButtonSize,
11071
+ [vars$B.revealButtonColor]: refs.placeholderTextColor,
10893
11072
  };
10894
11073
 
10895
- var textField$1 = /*#__PURE__*/Object.freeze({
11074
+ var password$1 = /*#__PURE__*/Object.freeze({
10896
11075
  __proto__: null,
10897
- default: textField,
10898
- textField: textField,
11076
+ default: password,
10899
11077
  vars: vars$B
10900
11078
  });
10901
11079
 
10902
- const globalRefs$l = getThemeRefs(globals);
10903
- const vars$A = PasswordClass.cssVarList;
11080
+ const vars$A = NumberFieldClass.cssVarList;
10904
11081
 
10905
- const password = {
11082
+ const numberField = {
10906
11083
  [vars$A.hostWidth]: refs.width,
11084
+ [vars$A.hostMinWidth]: refs.minWidth,
10907
11085
  [vars$A.hostDirection]: refs.direction,
10908
11086
  [vars$A.fontSize]: refs.fontSize,
10909
11087
  [vars$A.fontFamily]: refs.fontFamily,
10910
11088
  [vars$A.labelTextColor]: refs.labelTextColor,
10911
11089
  [vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
10912
- [vars$A.inputHorizontalPadding]: refs.horizontalPadding,
10913
- [vars$A.inputHeight]: refs.inputHeight,
10914
- [vars$A.inputBackgroundColor]: refs.backgroundColor,
10915
- [vars$A.labelRequiredIndicator]: refs.requiredIndicator,
10916
11090
  [vars$A.inputValueTextColor]: refs.valueTextColor,
10917
- [vars$A.inputPlaceholderTextColor]: refs.placeholderTextColor,
11091
+ [vars$A.inputPlaceholderColor]: refs.placeholderTextColor,
10918
11092
  [vars$A.inputBorderWidth]: refs.borderWidth,
10919
11093
  [vars$A.inputBorderStyle]: refs.borderStyle,
10920
11094
  [vars$A.inputBorderColor]: refs.borderColor,
@@ -10923,20 +11097,21 @@ const password = {
10923
11097
  [vars$A.inputOutlineStyle]: refs.outlineStyle,
10924
11098
  [vars$A.inputOutlineColor]: refs.outlineColor,
10925
11099
  [vars$A.inputOutlineOffset]: refs.outlineOffset,
10926
- [vars$A.revealButtonOffset]: globalRefs$l.spacing.md,
10927
- [vars$A.revealButtonSize]: refs.toggleButtonSize,
10928
- [vars$A.revealButtonColor]: refs.placeholderTextColor,
11100
+ [vars$A.inputBackgroundColor]: refs.backgroundColor,
11101
+ [vars$A.labelRequiredIndicator]: refs.requiredIndicator,
11102
+ [vars$A.inputHorizontalPadding]: refs.horizontalPadding,
11103
+ [vars$A.inputHeight]: refs.inputHeight,
10929
11104
  };
10930
11105
 
10931
- var password$1 = /*#__PURE__*/Object.freeze({
11106
+ var numberField$1 = /*#__PURE__*/Object.freeze({
10932
11107
  __proto__: null,
10933
- default: password,
11108
+ default: numberField,
10934
11109
  vars: vars$A
10935
11110
  });
10936
11111
 
10937
- const vars$z = NumberFieldClass.cssVarList;
11112
+ const vars$z = EmailFieldClass.cssVarList;
10938
11113
 
10939
- const numberField = {
11114
+ const emailField = {
10940
11115
  [vars$z.hostWidth]: refs.width,
10941
11116
  [vars$z.hostMinWidth]: refs.minWidth,
10942
11117
  [vars$z.hostDirection]: refs.direction,
@@ -10945,6 +11120,7 @@ const numberField = {
10945
11120
  [vars$z.labelTextColor]: refs.labelTextColor,
10946
11121
  [vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
10947
11122
  [vars$z.inputValueTextColor]: refs.valueTextColor,
11123
+ [vars$z.labelRequiredIndicator]: refs.requiredIndicator,
10948
11124
  [vars$z.inputPlaceholderColor]: refs.placeholderTextColor,
10949
11125
  [vars$z.inputBorderWidth]: refs.borderWidth,
10950
11126
  [vars$z.inputBorderStyle]: refs.borderStyle,
@@ -10955,200 +11131,167 @@ const numberField = {
10955
11131
  [vars$z.inputOutlineColor]: refs.outlineColor,
10956
11132
  [vars$z.inputOutlineOffset]: refs.outlineOffset,
10957
11133
  [vars$z.inputBackgroundColor]: refs.backgroundColor,
10958
- [vars$z.labelRequiredIndicator]: refs.requiredIndicator,
10959
11134
  [vars$z.inputHorizontalPadding]: refs.horizontalPadding,
10960
11135
  [vars$z.inputHeight]: refs.inputHeight,
10961
11136
  };
10962
11137
 
10963
- var numberField$1 = /*#__PURE__*/Object.freeze({
11138
+ var emailField$1 = /*#__PURE__*/Object.freeze({
10964
11139
  __proto__: null,
10965
- default: numberField,
11140
+ default: emailField,
10966
11141
  vars: vars$z
10967
11142
  });
10968
11143
 
10969
- const vars$y = EmailFieldClass.cssVarList;
11144
+ const vars$y = TextAreaClass.cssVarList;
10970
11145
 
10971
- const emailField = {
11146
+ const textArea = {
10972
11147
  [vars$y.hostWidth]: refs.width,
10973
11148
  [vars$y.hostMinWidth]: refs.minWidth,
10974
11149
  [vars$y.hostDirection]: refs.direction,
10975
11150
  [vars$y.fontSize]: refs.fontSize,
10976
11151
  [vars$y.fontFamily]: refs.fontFamily,
10977
11152
  [vars$y.labelTextColor]: refs.labelTextColor,
11153
+ [vars$y.labelRequiredIndicator]: refs.requiredIndicator,
10978
11154
  [vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
11155
+ [vars$y.inputBackgroundColor]: refs.backgroundColor,
10979
11156
  [vars$y.inputValueTextColor]: refs.valueTextColor,
10980
- [vars$y.labelRequiredIndicator]: refs.requiredIndicator,
10981
- [vars$y.inputPlaceholderColor]: refs.placeholderTextColor,
11157
+ [vars$y.inputPlaceholderTextColor]: refs.placeholderTextColor,
11158
+ [vars$y.inputBorderRadius]: refs.borderRadius,
10982
11159
  [vars$y.inputBorderWidth]: refs.borderWidth,
10983
11160
  [vars$y.inputBorderStyle]: refs.borderStyle,
10984
11161
  [vars$y.inputBorderColor]: refs.borderColor,
10985
- [vars$y.inputBorderRadius]: refs.borderRadius,
10986
11162
  [vars$y.inputOutlineWidth]: refs.outlineWidth,
10987
11163
  [vars$y.inputOutlineStyle]: refs.outlineStyle,
10988
11164
  [vars$y.inputOutlineColor]: refs.outlineColor,
10989
11165
  [vars$y.inputOutlineOffset]: refs.outlineOffset,
10990
- [vars$y.inputBackgroundColor]: refs.backgroundColor,
10991
- [vars$y.inputHorizontalPadding]: refs.horizontalPadding,
10992
- [vars$y.inputHeight]: refs.inputHeight,
11166
+ [vars$y.inputResizeType]: 'vertical',
11167
+ [vars$y.inputMinHeight]: '5em',
11168
+ textAlign: {
11169
+ right: { [vars$y.inputTextAlign]: 'right' },
11170
+ left: { [vars$y.inputTextAlign]: 'left' },
11171
+ center: { [vars$y.inputTextAlign]: 'center' },
11172
+ },
11173
+
11174
+ _readonly: {
11175
+ [vars$y.inputResizeType]: 'none',
11176
+ },
10993
11177
  };
10994
11178
 
10995
- var emailField$1 = /*#__PURE__*/Object.freeze({
11179
+ var textArea$1 = /*#__PURE__*/Object.freeze({
10996
11180
  __proto__: null,
10997
- default: emailField,
11181
+ default: textArea,
10998
11182
  vars: vars$y
10999
11183
  });
11000
11184
 
11001
- const vars$x = TextAreaClass.cssVarList;
11185
+ const vars$x = CheckboxClass.cssVarList;
11186
+ const checkboxSize = '1.35em';
11002
11187
 
11003
- const textArea = {
11188
+ const checkbox = {
11004
11189
  [vars$x.hostWidth]: refs.width,
11005
- [vars$x.hostMinWidth]: refs.minWidth,
11006
11190
  [vars$x.hostDirection]: refs.direction,
11007
11191
  [vars$x.fontSize]: refs.fontSize,
11008
11192
  [vars$x.fontFamily]: refs.fontFamily,
11009
11193
  [vars$x.labelTextColor]: refs.labelTextColor,
11010
11194
  [vars$x.labelRequiredIndicator]: refs.requiredIndicator,
11195
+ [vars$x.labelFontWeight]: '400',
11196
+ [vars$x.labelLineHeight]: checkboxSize,
11197
+ [vars$x.labelSpacing]: '1em',
11011
11198
  [vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
11012
- [vars$x.inputBackgroundColor]: refs.backgroundColor,
11013
- [vars$x.inputValueTextColor]: refs.valueTextColor,
11014
- [vars$x.inputPlaceholderTextColor]: refs.placeholderTextColor,
11199
+ [vars$x.inputOutlineWidth]: refs.outlineWidth,
11200
+ [vars$x.inputOutlineOffset]: refs.outlineOffset,
11201
+ [vars$x.inputOutlineColor]: refs.outlineColor,
11202
+ [vars$x.inputOutlineStyle]: refs.outlineStyle,
11015
11203
  [vars$x.inputBorderRadius]: refs.borderRadius,
11204
+ [vars$x.inputBorderColor]: refs.borderColor,
11016
11205
  [vars$x.inputBorderWidth]: refs.borderWidth,
11017
11206
  [vars$x.inputBorderStyle]: refs.borderStyle,
11018
- [vars$x.inputBorderColor]: refs.borderColor,
11019
- [vars$x.inputOutlineWidth]: refs.outlineWidth,
11020
- [vars$x.inputOutlineStyle]: refs.outlineStyle,
11021
- [vars$x.inputOutlineColor]: refs.outlineColor,
11022
- [vars$x.inputOutlineOffset]: refs.outlineOffset,
11023
- [vars$x.inputResizeType]: 'vertical',
11024
- [vars$x.inputMinHeight]: '5em',
11025
- textAlign: {
11026
- right: { [vars$x.inputTextAlign]: 'right' },
11027
- left: { [vars$x.inputTextAlign]: 'left' },
11028
- center: { [vars$x.inputTextAlign]: 'center' },
11207
+ [vars$x.inputBackgroundColor]: refs.backgroundColor,
11208
+ [vars$x.inputSize]: checkboxSize,
11209
+
11210
+ _checked: {
11211
+ [vars$x.inputValueTextColor]: refs.valueTextColor,
11029
11212
  },
11030
11213
 
11031
- _readonly: {
11032
- [vars$x.inputResizeType]: 'none',
11214
+ _disabled: {
11215
+ [vars$x.labelTextColor]: refs.labelTextColor,
11033
11216
  },
11034
11217
  };
11035
11218
 
11036
- var textArea$1 = /*#__PURE__*/Object.freeze({
11219
+ var checkbox$1 = /*#__PURE__*/Object.freeze({
11037
11220
  __proto__: null,
11038
- default: textArea,
11221
+ default: checkbox,
11039
11222
  vars: vars$x
11040
11223
  });
11041
11224
 
11042
- const vars$w = CheckboxClass.cssVarList;
11043
- const checkboxSize = '1.35em';
11225
+ const knobMargin = '2px';
11226
+ const checkboxHeight = '1.25em';
11044
11227
 
11045
- const checkbox = {
11228
+ const globalRefs$l = getThemeRefs(globals);
11229
+ const vars$w = SwitchToggleClass.cssVarList;
11230
+
11231
+ const switchToggle = {
11046
11232
  [vars$w.hostWidth]: refs.width,
11047
11233
  [vars$w.hostDirection]: refs.direction,
11048
11234
  [vars$w.fontSize]: refs.fontSize,
11049
11235
  [vars$w.fontFamily]: refs.fontFamily,
11050
- [vars$w.labelTextColor]: refs.labelTextColor,
11051
- [vars$w.labelRequiredIndicator]: refs.requiredIndicator,
11052
- [vars$w.labelFontWeight]: '400',
11053
- [vars$w.labelLineHeight]: checkboxSize,
11054
- [vars$w.labelSpacing]: '1em',
11055
- [vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
11236
+
11056
11237
  [vars$w.inputOutlineWidth]: refs.outlineWidth,
11057
11238
  [vars$w.inputOutlineOffset]: refs.outlineOffset,
11058
11239
  [vars$w.inputOutlineColor]: refs.outlineColor,
11059
11240
  [vars$w.inputOutlineStyle]: refs.outlineStyle,
11060
- [vars$w.inputBorderRadius]: refs.borderRadius,
11061
- [vars$w.inputBorderColor]: refs.borderColor,
11062
- [vars$w.inputBorderWidth]: refs.borderWidth,
11063
- [vars$w.inputBorderStyle]: refs.borderStyle,
11064
- [vars$w.inputBackgroundColor]: refs.backgroundColor,
11065
- [vars$w.inputSize]: checkboxSize,
11066
11241
 
11067
- _checked: {
11068
- [vars$w.inputValueTextColor]: refs.valueTextColor,
11069
- },
11070
-
11071
- _disabled: {
11072
- [vars$w.labelTextColor]: refs.labelTextColor,
11073
- },
11074
- };
11242
+ [vars$w.trackBorderStyle]: refs.borderStyle,
11243
+ [vars$w.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
11244
+ [vars$w.trackBorderColor]: refs.borderColor,
11245
+ [vars$w.trackBackgroundColor]: refs.backgroundColor,
11246
+ [vars$w.trackBorderRadius]: globalRefs$l.radius.md,
11247
+ [vars$w.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
11248
+ [vars$w.trackHeight]: checkboxHeight,
11249
+
11250
+ [vars$w.knobSize]: `calc(1em - ${knobMargin})`,
11251
+ [vars$w.knobRadius]: '50%',
11252
+ [vars$w.knobTopOffset]: '1px',
11253
+ [vars$w.knobLeftOffset]: knobMargin,
11254
+ [vars$w.knobColor]: refs.labelTextColor,
11255
+ [vars$w.knobTransitionDuration]: '0.3s',
11075
11256
 
11076
- var checkbox$1 = /*#__PURE__*/Object.freeze({
11077
- __proto__: null,
11078
- default: checkbox,
11079
- vars: vars$w
11080
- });
11081
-
11082
- const knobMargin = '2px';
11083
- const checkboxHeight = '1.25em';
11084
-
11085
- const globalRefs$k = getThemeRefs(globals);
11086
- const vars$v = SwitchToggleClass.cssVarList;
11087
-
11088
- const switchToggle = {
11089
- [vars$v.hostWidth]: refs.width,
11090
- [vars$v.hostDirection]: refs.direction,
11091
- [vars$v.fontSize]: refs.fontSize,
11092
- [vars$v.fontFamily]: refs.fontFamily,
11093
-
11094
- [vars$v.inputOutlineWidth]: refs.outlineWidth,
11095
- [vars$v.inputOutlineOffset]: refs.outlineOffset,
11096
- [vars$v.inputOutlineColor]: refs.outlineColor,
11097
- [vars$v.inputOutlineStyle]: refs.outlineStyle,
11098
-
11099
- [vars$v.trackBorderStyle]: refs.borderStyle,
11100
- [vars$v.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
11101
- [vars$v.trackBorderColor]: refs.borderColor,
11102
- [vars$v.trackBackgroundColor]: refs.backgroundColor,
11103
- [vars$v.trackBorderRadius]: globalRefs$k.radius.md,
11104
- [vars$v.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
11105
- [vars$v.trackHeight]: checkboxHeight,
11106
-
11107
- [vars$v.knobSize]: `calc(1em - ${knobMargin})`,
11108
- [vars$v.knobRadius]: '50%',
11109
- [vars$v.knobTopOffset]: '1px',
11110
- [vars$v.knobLeftOffset]: knobMargin,
11111
- [vars$v.knobColor]: refs.labelTextColor,
11112
- [vars$v.knobTransitionDuration]: '0.3s',
11113
-
11114
- [vars$v.labelTextColor]: refs.labelTextColor,
11115
- [vars$v.labelFontWeight]: '400',
11116
- [vars$v.labelLineHeight]: '1.35em',
11117
- [vars$v.labelSpacing]: '1em',
11118
- [vars$v.labelRequiredIndicator]: refs.requiredIndicator,
11119
- [vars$v.errorMessageTextColor]: refs.errorMessageTextColor,
11257
+ [vars$w.labelTextColor]: refs.labelTextColor,
11258
+ [vars$w.labelFontWeight]: '400',
11259
+ [vars$w.labelLineHeight]: '1.35em',
11260
+ [vars$w.labelSpacing]: '1em',
11261
+ [vars$w.labelRequiredIndicator]: refs.requiredIndicator,
11262
+ [vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
11120
11263
 
11121
11264
  _checked: {
11122
- [vars$v.trackBorderColor]: refs.borderColor,
11123
- [vars$v.knobLeftOffset]: `calc(100% - var(${vars$v.knobSize}) - ${knobMargin})`,
11124
- [vars$v.knobColor]: refs.valueTextColor,
11125
- [vars$v.knobTextColor]: refs.valueTextColor,
11265
+ [vars$w.trackBorderColor]: refs.borderColor,
11266
+ [vars$w.knobLeftOffset]: `calc(100% - var(${vars$w.knobSize}) - ${knobMargin})`,
11267
+ [vars$w.knobColor]: refs.valueTextColor,
11268
+ [vars$w.knobTextColor]: refs.valueTextColor,
11126
11269
  },
11127
11270
 
11128
11271
  _disabled: {
11129
- [vars$v.knobColor]: globalRefs$k.colors.surface.light,
11130
- [vars$v.trackBorderColor]: globalRefs$k.colors.surface.light,
11131
- [vars$v.trackBackgroundColor]: globalRefs$k.colors.surface.main,
11132
- [vars$v.labelTextColor]: refs.labelTextColor,
11272
+ [vars$w.knobColor]: globalRefs$l.colors.surface.light,
11273
+ [vars$w.trackBorderColor]: globalRefs$l.colors.surface.light,
11274
+ [vars$w.trackBackgroundColor]: globalRefs$l.colors.surface.main,
11275
+ [vars$w.labelTextColor]: refs.labelTextColor,
11133
11276
  _checked: {
11134
- [vars$v.knobColor]: globalRefs$k.colors.surface.light,
11135
- [vars$v.trackBackgroundColor]: globalRefs$k.colors.surface.main,
11277
+ [vars$w.knobColor]: globalRefs$l.colors.surface.light,
11278
+ [vars$w.trackBackgroundColor]: globalRefs$l.colors.surface.main,
11136
11279
  },
11137
11280
  },
11138
11281
 
11139
11282
  _invalid: {
11140
- [vars$v.trackBorderColor]: globalRefs$k.colors.error.main,
11141
- [vars$v.knobColor]: globalRefs$k.colors.error.main,
11283
+ [vars$w.trackBorderColor]: globalRefs$l.colors.error.main,
11284
+ [vars$w.knobColor]: globalRefs$l.colors.error.main,
11142
11285
  },
11143
11286
  };
11144
11287
 
11145
11288
  var switchToggle$1 = /*#__PURE__*/Object.freeze({
11146
11289
  __proto__: null,
11147
11290
  default: switchToggle,
11148
- vars: vars$v
11291
+ vars: vars$w
11149
11292
  });
11150
11293
 
11151
- const globalRefs$j = getThemeRefs(globals);
11294
+ const globalRefs$k = getThemeRefs(globals);
11152
11295
 
11153
11296
  const compVars$4 = ContainerClass.cssVarList;
11154
11297
 
@@ -11170,7 +11313,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
11170
11313
  horizontalAlignment,
11171
11314
  shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
11172
11315
  },
11173
- componentName$L
11316
+ componentName$M
11174
11317
  );
11175
11318
 
11176
11319
  const { shadowColor: shadowColor$1 } = helperRefs$2;
@@ -11180,10 +11323,10 @@ const container = {
11180
11323
 
11181
11324
  [compVars$4.hostWidth]: '100%',
11182
11325
  [compVars$4.boxShadow]: 'none',
11183
- [compVars$4.backgroundColor]: globalRefs$j.colors.surface.main,
11184
- [compVars$4.color]: globalRefs$j.colors.surface.contrast,
11326
+ [compVars$4.backgroundColor]: globalRefs$k.colors.surface.main,
11327
+ [compVars$4.color]: globalRefs$k.colors.surface.contrast,
11185
11328
  [compVars$4.borderRadius]: '0px',
11186
- [compVars$4.hostDirection]: globalRefs$j.direction,
11329
+ [compVars$4.hostDirection]: globalRefs$k.direction,
11187
11330
 
11188
11331
  verticalPadding: {
11189
11332
  sm: { [compVars$4.verticalPadding]: '5px' },
@@ -11229,34 +11372,34 @@ const container = {
11229
11372
 
11230
11373
  shadow: {
11231
11374
  sm: {
11232
- [compVars$4.boxShadow]: `${globalRefs$j.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$j.shadow.narrow.sm} ${shadowColor$1}`,
11375
+ [compVars$4.boxShadow]: `${globalRefs$k.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$k.shadow.narrow.sm} ${shadowColor$1}`,
11233
11376
  },
11234
11377
  md: {
11235
- [compVars$4.boxShadow]: `${globalRefs$j.shadow.wide.md} ${shadowColor$1}, ${globalRefs$j.shadow.narrow.md} ${shadowColor$1}`,
11378
+ [compVars$4.boxShadow]: `${globalRefs$k.shadow.wide.md} ${shadowColor$1}, ${globalRefs$k.shadow.narrow.md} ${shadowColor$1}`,
11236
11379
  },
11237
11380
  lg: {
11238
- [compVars$4.boxShadow]: `${globalRefs$j.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$j.shadow.narrow.lg} ${shadowColor$1}`,
11381
+ [compVars$4.boxShadow]: `${globalRefs$k.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$k.shadow.narrow.lg} ${shadowColor$1}`,
11239
11382
  },
11240
11383
  xl: {
11241
- [compVars$4.boxShadow]: `${globalRefs$j.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$j.shadow.narrow.xl} ${shadowColor$1}`,
11384
+ [compVars$4.boxShadow]: `${globalRefs$k.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$k.shadow.narrow.xl} ${shadowColor$1}`,
11242
11385
  },
11243
11386
  '2xl': {
11244
11387
  [helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
11245
- [compVars$4.boxShadow]: `${globalRefs$j.shadow.wide['2xl']} ${shadowColor$1}`,
11388
+ [compVars$4.boxShadow]: `${globalRefs$k.shadow.wide['2xl']} ${shadowColor$1}`,
11246
11389
  },
11247
11390
  },
11248
11391
 
11249
11392
  borderRadius: {
11250
- sm: { [compVars$4.borderRadius]: globalRefs$j.radius.sm },
11251
- md: { [compVars$4.borderRadius]: globalRefs$j.radius.md },
11252
- lg: { [compVars$4.borderRadius]: globalRefs$j.radius.lg },
11253
- xl: { [compVars$4.borderRadius]: globalRefs$j.radius.xl },
11254
- '2xl': { [compVars$4.borderRadius]: globalRefs$j.radius['2xl'] },
11255
- '3xl': { [compVars$4.borderRadius]: globalRefs$j.radius['3xl'] },
11393
+ sm: { [compVars$4.borderRadius]: globalRefs$k.radius.sm },
11394
+ md: { [compVars$4.borderRadius]: globalRefs$k.radius.md },
11395
+ lg: { [compVars$4.borderRadius]: globalRefs$k.radius.lg },
11396
+ xl: { [compVars$4.borderRadius]: globalRefs$k.radius.xl },
11397
+ '2xl': { [compVars$4.borderRadius]: globalRefs$k.radius['2xl'] },
11398
+ '3xl': { [compVars$4.borderRadius]: globalRefs$k.radius['3xl'] },
11256
11399
  },
11257
11400
  };
11258
11401
 
11259
- const vars$u = {
11402
+ const vars$v = {
11260
11403
  ...compVars$4,
11261
11404
  ...helperVars$2,
11262
11405
  };
@@ -11264,53 +11407,164 @@ const vars$u = {
11264
11407
  var container$1 = /*#__PURE__*/Object.freeze({
11265
11408
  __proto__: null,
11266
11409
  default: container,
11267
- vars: vars$u
11410
+ vars: vars$v
11268
11411
  });
11269
11412
 
11270
- const vars$t = LogoClass.cssVarList;
11413
+ const vars$u = LogoClass.cssVarList;
11271
11414
 
11272
11415
  const logo$2 = {
11273
- [vars$t.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
11416
+ [vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
11274
11417
  };
11275
11418
 
11276
11419
  var logo$3 = /*#__PURE__*/Object.freeze({
11277
11420
  __proto__: null,
11278
11421
  default: logo$2,
11279
- vars: vars$t
11422
+ vars: vars$u
11280
11423
  });
11281
11424
 
11282
- const vars$s = TotpImageClass.cssVarList;
11425
+ const vars$t = TotpImageClass.cssVarList;
11283
11426
 
11284
11427
  const logo$1 = {
11285
- [vars$s.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
11428
+ [vars$t.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
11286
11429
  };
11287
11430
 
11288
11431
  var totpImage = /*#__PURE__*/Object.freeze({
11289
11432
  __proto__: null,
11290
11433
  default: logo$1,
11291
- vars: vars$s
11434
+ vars: vars$t
11292
11435
  });
11293
11436
 
11294
- const vars$r = NotpImageClass.cssVarList;
11437
+ const vars$s = NotpImageClass.cssVarList;
11295
11438
 
11296
11439
  const logo = {
11297
- [vars$r.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
11440
+ [vars$s.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
11298
11441
  };
11299
11442
 
11300
11443
  var notpImage = /*#__PURE__*/Object.freeze({
11301
11444
  __proto__: null,
11302
11445
  default: logo,
11446
+ vars: vars$s
11447
+ });
11448
+
11449
+ const globalRefs$j = getThemeRefs(globals);
11450
+ const vars$r = TextClass.cssVarList;
11451
+
11452
+ const text = {
11453
+ [vars$r.hostDirection]: globalRefs$j.direction,
11454
+ [vars$r.textLineHeight]: '1.35em',
11455
+ [vars$r.textAlign]: 'left',
11456
+ [vars$r.textColor]: globalRefs$j.colors.surface.dark,
11457
+ variant: {
11458
+ h1: {
11459
+ [vars$r.fontSize]: globalRefs$j.typography.h1.size,
11460
+ [vars$r.fontWeight]: globalRefs$j.typography.h1.weight,
11461
+ [vars$r.fontFamily]: globalRefs$j.typography.h1.font,
11462
+ },
11463
+ h2: {
11464
+ [vars$r.fontSize]: globalRefs$j.typography.h2.size,
11465
+ [vars$r.fontWeight]: globalRefs$j.typography.h2.weight,
11466
+ [vars$r.fontFamily]: globalRefs$j.typography.h2.font,
11467
+ },
11468
+ h3: {
11469
+ [vars$r.fontSize]: globalRefs$j.typography.h3.size,
11470
+ [vars$r.fontWeight]: globalRefs$j.typography.h3.weight,
11471
+ [vars$r.fontFamily]: globalRefs$j.typography.h3.font,
11472
+ },
11473
+ subtitle1: {
11474
+ [vars$r.fontSize]: globalRefs$j.typography.subtitle1.size,
11475
+ [vars$r.fontWeight]: globalRefs$j.typography.subtitle1.weight,
11476
+ [vars$r.fontFamily]: globalRefs$j.typography.subtitle1.font,
11477
+ },
11478
+ subtitle2: {
11479
+ [vars$r.fontSize]: globalRefs$j.typography.subtitle2.size,
11480
+ [vars$r.fontWeight]: globalRefs$j.typography.subtitle2.weight,
11481
+ [vars$r.fontFamily]: globalRefs$j.typography.subtitle2.font,
11482
+ },
11483
+ body1: {
11484
+ [vars$r.fontSize]: globalRefs$j.typography.body1.size,
11485
+ [vars$r.fontWeight]: globalRefs$j.typography.body1.weight,
11486
+ [vars$r.fontFamily]: globalRefs$j.typography.body1.font,
11487
+ },
11488
+ body2: {
11489
+ [vars$r.fontSize]: globalRefs$j.typography.body2.size,
11490
+ [vars$r.fontWeight]: globalRefs$j.typography.body2.weight,
11491
+ [vars$r.fontFamily]: globalRefs$j.typography.body2.font,
11492
+ },
11493
+ },
11494
+
11495
+ mode: {
11496
+ primary: {
11497
+ [vars$r.textColor]: globalRefs$j.colors.surface.contrast,
11498
+ },
11499
+ secondary: {
11500
+ [vars$r.textColor]: globalRefs$j.colors.surface.dark,
11501
+ },
11502
+ error: {
11503
+ [vars$r.textColor]: globalRefs$j.colors.error.main,
11504
+ },
11505
+ success: {
11506
+ [vars$r.textColor]: globalRefs$j.colors.success.main,
11507
+ },
11508
+ },
11509
+
11510
+ textAlign: {
11511
+ right: { [vars$r.textAlign]: 'right' },
11512
+ left: { [vars$r.textAlign]: 'left' },
11513
+ center: { [vars$r.textAlign]: 'center' },
11514
+ },
11515
+
11516
+ _fullWidth: {
11517
+ [vars$r.hostWidth]: '100%',
11518
+ },
11519
+
11520
+ _italic: {
11521
+ [vars$r.fontStyle]: 'italic',
11522
+ },
11523
+
11524
+ _uppercase: {
11525
+ [vars$r.textTransform]: 'uppercase',
11526
+ },
11527
+
11528
+ _lowercase: {
11529
+ [vars$r.textTransform]: 'lowercase',
11530
+ },
11531
+ };
11532
+
11533
+ var text$1 = /*#__PURE__*/Object.freeze({
11534
+ __proto__: null,
11535
+ default: text,
11303
11536
  vars: vars$r
11304
11537
  });
11305
11538
 
11306
11539
  const globalRefs$i = getThemeRefs(globals);
11307
- const vars$q = TextClass.cssVarList;
11540
+ const vars$q = MarkdownContentClass.cssVarList;
11308
11541
 
11309
- const text = {
11542
+ const markdownContent = {
11310
11543
  [vars$q.hostDirection]: globalRefs$i.direction,
11544
+
11545
+ [vars$q.fontSize]: globalRefs$i.typography.body1.size,
11546
+ [vars$q.fontWeight]: globalRefs$i.typography.body1.weight,
11547
+ [vars$q.fontFamily]: globalRefs$i.typography.body1.font,
11548
+
11311
11549
  [vars$q.textLineHeight]: '1.35em',
11312
11550
  [vars$q.textAlign]: 'left',
11313
11551
  [vars$q.textColor]: globalRefs$i.colors.surface.dark,
11552
+
11553
+ mode: {
11554
+ primary: {
11555
+ [vars$q.textColor]: globalRefs$i.colors.surface.contrast,
11556
+ },
11557
+ secondary: {
11558
+ [vars$q.textColor]: globalRefs$i.colors.surface.dark,
11559
+ },
11560
+ error: {
11561
+ [vars$q.textColor]: globalRefs$i.colors.error.main,
11562
+ },
11563
+ success: {
11564
+ [vars$q.textColor]: globalRefs$i.colors.success.main,
11565
+ },
11566
+ },
11567
+
11314
11568
  variant: {
11315
11569
  h1: {
11316
11570
  [vars$q.fontSize]: globalRefs$i.typography.h1.size,
@@ -11349,21 +11603,6 @@ const text = {
11349
11603
  },
11350
11604
  },
11351
11605
 
11352
- mode: {
11353
- primary: {
11354
- [vars$q.textColor]: globalRefs$i.colors.surface.contrast,
11355
- },
11356
- secondary: {
11357
- [vars$q.textColor]: globalRefs$i.colors.surface.dark,
11358
- },
11359
- error: {
11360
- [vars$q.textColor]: globalRefs$i.colors.error.main,
11361
- },
11362
- success: {
11363
- [vars$q.textColor]: globalRefs$i.colors.success.main,
11364
- },
11365
- },
11366
-
11367
11606
  textAlign: {
11368
11607
  right: { [vars$q.textAlign]: 'right' },
11369
11608
  left: { [vars$q.textAlign]: 'left' },
@@ -11373,23 +11612,11 @@ const text = {
11373
11612
  _fullWidth: {
11374
11613
  [vars$q.hostWidth]: '100%',
11375
11614
  },
11376
-
11377
- _italic: {
11378
- [vars$q.fontStyle]: 'italic',
11379
- },
11380
-
11381
- _uppercase: {
11382
- [vars$q.textTransform]: 'uppercase',
11383
- },
11384
-
11385
- _lowercase: {
11386
- [vars$q.textTransform]: 'lowercase',
11387
- },
11388
11615
  };
11389
11616
 
11390
- var text$1 = /*#__PURE__*/Object.freeze({
11617
+ var markdownContent$1 = /*#__PURE__*/Object.freeze({
11391
11618
  __proto__: null,
11392
- default: text,
11619
+ default: markdownContent,
11393
11620
  vars: vars$q
11394
11621
  });
11395
11622
 
@@ -11442,7 +11669,7 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
11442
11669
  thickness: '2px',
11443
11670
  spacing: '10px',
11444
11671
  },
11445
- componentName$J
11672
+ componentName$K
11446
11673
  );
11447
11674
 
11448
11675
  const divider = {
@@ -11585,7 +11812,7 @@ const [helperTheme, helperRefs, helperVars] = createHelperVars(
11585
11812
  },
11586
11813
  },
11587
11814
  },
11588
- componentName$M
11815
+ componentName$N
11589
11816
  );
11590
11817
 
11591
11818
  const loaderRadial = {
@@ -12340,6 +12567,7 @@ const components = {
12340
12567
  totpImage,
12341
12568
  notpImage,
12342
12569
  text: text$1,
12570
+ markdownContent: markdownContent$1,
12343
12571
  link: link$1,
12344
12572
  divider: divider$1,
12345
12573
  passcode: passcode$1,
@@ -12378,7 +12606,7 @@ const vars = Object.keys(components).reduce(
12378
12606
  );
12379
12607
 
12380
12608
  const defaultTheme = { globals, components: theme };
12381
- const themeVars = { globals: vars$E, components: vars };
12609
+ const themeVars = { globals: vars$F, components: vars };
12382
12610
 
12383
12611
  const colors = {
12384
12612
  surface: {
@@ -12424,5 +12652,5 @@ const darkTheme = merge({}, defaultTheme, {
12424
12652
  },
12425
12653
  });
12426
12654
 
12427
- export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
12655
+ export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, MarkdownContentClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
12428
12656
  //# sourceMappingURL=index.esm.js.map