@fundamental-styles/common-css 0.0.1-rc.0 → 0.24.0-rc.102

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 (319) hide show
  1. package/README.md +2 -159
  2. package/dist/common-css.css +1395 -0
  3. package/package.json +14 -23
  4. package/dist/.DS_Store +0 -0
  5. package/dist/semantic/semantic-button-sap_fiori_3-sap_fiori_3.css +0 -123
  6. package/dist/semantic/semantic-button-sap_fiori_3-sap_fiori_3_dark.css +0 -123
  7. package/dist/semantic/semantic-button-sap_fiori_3-sap_fiori_3_hcb.css +0 -123
  8. package/dist/semantic/semantic-button-sap_fiori_3-sap_fiori_3_hcw.css +0 -123
  9. package/dist/semantic/semantic-button-sap_fiori_3-sap_fiori_3_light_dark.css +0 -123
  10. package/dist/semantic/semantic-button-sap_fiori_3.css +0 -123
  11. package/dist/semantic/semantic-button-sap_fiori_3_dark-sap_fiori_3.css +0 -123
  12. package/dist/semantic/semantic-button-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -123
  13. package/dist/semantic/semantic-button-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -123
  14. package/dist/semantic/semantic-button-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -123
  15. package/dist/semantic/semantic-button-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -123
  16. package/dist/semantic/semantic-button-sap_fiori_3_dark.css +0 -123
  17. package/dist/semantic/semantic-button-sap_fiori_3_hcb-sap_fiori_3.css +0 -123
  18. package/dist/semantic/semantic-button-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -123
  19. package/dist/semantic/semantic-button-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -123
  20. package/dist/semantic/semantic-button-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -123
  21. package/dist/semantic/semantic-button-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -123
  22. package/dist/semantic/semantic-button-sap_fiori_3_hcb.css +0 -123
  23. package/dist/semantic/semantic-button-sap_fiori_3_hcw-sap_fiori_3.css +0 -123
  24. package/dist/semantic/semantic-button-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -123
  25. package/dist/semantic/semantic-button-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -123
  26. package/dist/semantic/semantic-button-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -123
  27. package/dist/semantic/semantic-button-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -123
  28. package/dist/semantic/semantic-button-sap_fiori_3_hcw.css +0 -123
  29. package/dist/semantic/semantic-button-sap_fiori_3_light_dark-sap_fiori_3.css +0 -123
  30. package/dist/semantic/semantic-button-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -123
  31. package/dist/semantic/semantic-button-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -123
  32. package/dist/semantic/semantic-button-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -123
  33. package/dist/semantic/semantic-button-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -123
  34. package/dist/semantic/semantic-button-sap_fiori_3_light_dark.css +0 -123
  35. package/dist/semantic/semantic-button.css +0 -123
  36. package/dist/semantic/semantic-checkbox-sap_fiori_3-sap_fiori_3.css +0 -189
  37. package/dist/semantic/semantic-checkbox-sap_fiori_3-sap_fiori_3_dark.css +0 -189
  38. package/dist/semantic/semantic-checkbox-sap_fiori_3-sap_fiori_3_hcb.css +0 -189
  39. package/dist/semantic/semantic-checkbox-sap_fiori_3-sap_fiori_3_hcw.css +0 -189
  40. package/dist/semantic/semantic-checkbox-sap_fiori_3-sap_fiori_3_light_dark.css +0 -189
  41. package/dist/semantic/semantic-checkbox-sap_fiori_3.css +0 -189
  42. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark-sap_fiori_3.css +0 -189
  43. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -189
  44. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -189
  45. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -189
  46. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -189
  47. package/dist/semantic/semantic-checkbox-sap_fiori_3_dark.css +0 -189
  48. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb-sap_fiori_3.css +0 -189
  49. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -189
  50. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -189
  51. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -189
  52. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -189
  53. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcb.css +0 -189
  54. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw-sap_fiori_3.css +0 -189
  55. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -189
  56. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -189
  57. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -189
  58. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -189
  59. package/dist/semantic/semantic-checkbox-sap_fiori_3_hcw.css +0 -189
  60. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark-sap_fiori_3.css +0 -189
  61. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -189
  62. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -189
  63. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -189
  64. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -189
  65. package/dist/semantic/semantic-checkbox-sap_fiori_3_light_dark.css +0 -189
  66. package/dist/semantic/semantic-checkbox.css +0 -189
  67. package/dist/semantic/semantic-elements-sap_fiori_3-sap_fiori_3.css +0 -1891
  68. package/dist/semantic/semantic-elements-sap_fiori_3-sap_fiori_3_dark.css +0 -1891
  69. package/dist/semantic/semantic-elements-sap_fiori_3-sap_fiori_3_hcb.css +0 -1891
  70. package/dist/semantic/semantic-elements-sap_fiori_3-sap_fiori_3_hcw.css +0 -1891
  71. package/dist/semantic/semantic-elements-sap_fiori_3-sap_fiori_3_light_dark.css +0 -1891
  72. package/dist/semantic/semantic-elements-sap_fiori_3.css +0 -1489
  73. package/dist/semantic/semantic-elements-sap_fiori_3_dark-sap_fiori_3.css +0 -1891
  74. package/dist/semantic/semantic-elements-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -1891
  75. package/dist/semantic/semantic-elements-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -1891
  76. package/dist/semantic/semantic-elements-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -1891
  77. package/dist/semantic/semantic-elements-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -1891
  78. package/dist/semantic/semantic-elements-sap_fiori_3_dark.css +0 -1489
  79. package/dist/semantic/semantic-elements-sap_fiori_3_hcb-sap_fiori_3.css +0 -1891
  80. package/dist/semantic/semantic-elements-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -1891
  81. package/dist/semantic/semantic-elements-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -1891
  82. package/dist/semantic/semantic-elements-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -1891
  83. package/dist/semantic/semantic-elements-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -1891
  84. package/dist/semantic/semantic-elements-sap_fiori_3_hcb.css +0 -1489
  85. package/dist/semantic/semantic-elements-sap_fiori_3_hcw-sap_fiori_3.css +0 -1891
  86. package/dist/semantic/semantic-elements-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -1891
  87. package/dist/semantic/semantic-elements-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -1891
  88. package/dist/semantic/semantic-elements-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -1891
  89. package/dist/semantic/semantic-elements-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -1891
  90. package/dist/semantic/semantic-elements-sap_fiori_3_hcw.css +0 -1489
  91. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark-sap_fiori_3.css +0 -1891
  92. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -1891
  93. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -1891
  94. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -1891
  95. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -1891
  96. package/dist/semantic/semantic-elements-sap_fiori_3_light_dark.css +0 -1489
  97. package/dist/semantic/semantic-elements.css +0 -1489
  98. package/dist/semantic/semantic-form-sap_fiori_3-sap_fiori_3.css +0 -97
  99. package/dist/semantic/semantic-form-sap_fiori_3-sap_fiori_3_dark.css +0 -97
  100. package/dist/semantic/semantic-form-sap_fiori_3-sap_fiori_3_hcb.css +0 -97
  101. package/dist/semantic/semantic-form-sap_fiori_3-sap_fiori_3_hcw.css +0 -97
  102. package/dist/semantic/semantic-form-sap_fiori_3-sap_fiori_3_light_dark.css +0 -97
  103. package/dist/semantic/semantic-form-sap_fiori_3.css +0 -97
  104. package/dist/semantic/semantic-form-sap_fiori_3_dark-sap_fiori_3.css +0 -97
  105. package/dist/semantic/semantic-form-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -97
  106. package/dist/semantic/semantic-form-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -97
  107. package/dist/semantic/semantic-form-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -97
  108. package/dist/semantic/semantic-form-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -97
  109. package/dist/semantic/semantic-form-sap_fiori_3_dark.css +0 -97
  110. package/dist/semantic/semantic-form-sap_fiori_3_hcb-sap_fiori_3.css +0 -97
  111. package/dist/semantic/semantic-form-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -97
  112. package/dist/semantic/semantic-form-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -97
  113. package/dist/semantic/semantic-form-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -97
  114. package/dist/semantic/semantic-form-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -97
  115. package/dist/semantic/semantic-form-sap_fiori_3_hcb.css +0 -97
  116. package/dist/semantic/semantic-form-sap_fiori_3_hcw-sap_fiori_3.css +0 -97
  117. package/dist/semantic/semantic-form-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -97
  118. package/dist/semantic/semantic-form-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -97
  119. package/dist/semantic/semantic-form-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -97
  120. package/dist/semantic/semantic-form-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -97
  121. package/dist/semantic/semantic-form-sap_fiori_3_hcw.css +0 -97
  122. package/dist/semantic/semantic-form-sap_fiori_3_light_dark-sap_fiori_3.css +0 -97
  123. package/dist/semantic/semantic-form-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -97
  124. package/dist/semantic/semantic-form-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -97
  125. package/dist/semantic/semantic-form-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -97
  126. package/dist/semantic/semantic-form-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -97
  127. package/dist/semantic/semantic-form-sap_fiori_3_light_dark.css +0 -97
  128. package/dist/semantic/semantic-form.css +0 -97
  129. package/dist/semantic/semantic-input-sap_fiori_3-sap_fiori_3.css +0 -212
  130. package/dist/semantic/semantic-input-sap_fiori_3-sap_fiori_3_dark.css +0 -212
  131. package/dist/semantic/semantic-input-sap_fiori_3-sap_fiori_3_hcb.css +0 -212
  132. package/dist/semantic/semantic-input-sap_fiori_3-sap_fiori_3_hcw.css +0 -212
  133. package/dist/semantic/semantic-input-sap_fiori_3-sap_fiori_3_light_dark.css +0 -212
  134. package/dist/semantic/semantic-input-sap_fiori_3.css +0 -212
  135. package/dist/semantic/semantic-input-sap_fiori_3_dark-sap_fiori_3.css +0 -212
  136. package/dist/semantic/semantic-input-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -212
  137. package/dist/semantic/semantic-input-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -212
  138. package/dist/semantic/semantic-input-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -212
  139. package/dist/semantic/semantic-input-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -212
  140. package/dist/semantic/semantic-input-sap_fiori_3_dark.css +0 -212
  141. package/dist/semantic/semantic-input-sap_fiori_3_hcb-sap_fiori_3.css +0 -212
  142. package/dist/semantic/semantic-input-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -212
  143. package/dist/semantic/semantic-input-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -212
  144. package/dist/semantic/semantic-input-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -212
  145. package/dist/semantic/semantic-input-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -212
  146. package/dist/semantic/semantic-input-sap_fiori_3_hcb.css +0 -212
  147. package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3.css +0 -212
  148. package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -212
  149. package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -212
  150. package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -212
  151. package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -212
  152. package/dist/semantic/semantic-input-sap_fiori_3_hcw.css +0 -212
  153. package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3.css +0 -212
  154. package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -212
  155. package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -212
  156. package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -212
  157. package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -212
  158. package/dist/semantic/semantic-input-sap_fiori_3_light_dark.css +0 -212
  159. package/dist/semantic/semantic-input.css +0 -212
  160. package/dist/semantic/semantic-label-sap_fiori_3-sap_fiori_3.css +0 -87
  161. package/dist/semantic/semantic-label-sap_fiori_3-sap_fiori_3_dark.css +0 -87
  162. package/dist/semantic/semantic-label-sap_fiori_3-sap_fiori_3_hcb.css +0 -87
  163. package/dist/semantic/semantic-label-sap_fiori_3-sap_fiori_3_hcw.css +0 -87
  164. package/dist/semantic/semantic-label-sap_fiori_3-sap_fiori_3_light_dark.css +0 -87
  165. package/dist/semantic/semantic-label-sap_fiori_3.css +0 -87
  166. package/dist/semantic/semantic-label-sap_fiori_3_dark-sap_fiori_3.css +0 -87
  167. package/dist/semantic/semantic-label-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -87
  168. package/dist/semantic/semantic-label-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -87
  169. package/dist/semantic/semantic-label-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -87
  170. package/dist/semantic/semantic-label-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -87
  171. package/dist/semantic/semantic-label-sap_fiori_3_dark.css +0 -87
  172. package/dist/semantic/semantic-label-sap_fiori_3_hcb-sap_fiori_3.css +0 -87
  173. package/dist/semantic/semantic-label-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -87
  174. package/dist/semantic/semantic-label-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -87
  175. package/dist/semantic/semantic-label-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -87
  176. package/dist/semantic/semantic-label-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -87
  177. package/dist/semantic/semantic-label-sap_fiori_3_hcb.css +0 -87
  178. package/dist/semantic/semantic-label-sap_fiori_3_hcw-sap_fiori_3.css +0 -87
  179. package/dist/semantic/semantic-label-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -87
  180. package/dist/semantic/semantic-label-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -87
  181. package/dist/semantic/semantic-label-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -87
  182. package/dist/semantic/semantic-label-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -87
  183. package/dist/semantic/semantic-label-sap_fiori_3_hcw.css +0 -87
  184. package/dist/semantic/semantic-label-sap_fiori_3_light_dark-sap_fiori_3.css +0 -87
  185. package/dist/semantic/semantic-label-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -87
  186. package/dist/semantic/semantic-label-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -87
  187. package/dist/semantic/semantic-label-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -87
  188. package/dist/semantic/semantic-label-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -87
  189. package/dist/semantic/semantic-label-sap_fiori_3_light_dark.css +0 -87
  190. package/dist/semantic/semantic-label.css +0 -87
  191. package/dist/semantic/semantic-link-sap_fiori_3-sap_fiori_3.css +0 -124
  192. package/dist/semantic/semantic-link-sap_fiori_3-sap_fiori_3_dark.css +0 -124
  193. package/dist/semantic/semantic-link-sap_fiori_3-sap_fiori_3_hcb.css +0 -124
  194. package/dist/semantic/semantic-link-sap_fiori_3-sap_fiori_3_hcw.css +0 -124
  195. package/dist/semantic/semantic-link-sap_fiori_3-sap_fiori_3_light_dark.css +0 -124
  196. package/dist/semantic/semantic-link-sap_fiori_3.css +0 -124
  197. package/dist/semantic/semantic-link-sap_fiori_3_dark-sap_fiori_3.css +0 -124
  198. package/dist/semantic/semantic-link-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -124
  199. package/dist/semantic/semantic-link-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -124
  200. package/dist/semantic/semantic-link-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -124
  201. package/dist/semantic/semantic-link-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -124
  202. package/dist/semantic/semantic-link-sap_fiori_3_dark.css +0 -124
  203. package/dist/semantic/semantic-link-sap_fiori_3_hcb-sap_fiori_3.css +0 -124
  204. package/dist/semantic/semantic-link-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -124
  205. package/dist/semantic/semantic-link-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -124
  206. package/dist/semantic/semantic-link-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -124
  207. package/dist/semantic/semantic-link-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -124
  208. package/dist/semantic/semantic-link-sap_fiori_3_hcb.css +0 -124
  209. package/dist/semantic/semantic-link-sap_fiori_3_hcw-sap_fiori_3.css +0 -124
  210. package/dist/semantic/semantic-link-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -124
  211. package/dist/semantic/semantic-link-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -124
  212. package/dist/semantic/semantic-link-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -124
  213. package/dist/semantic/semantic-link-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -124
  214. package/dist/semantic/semantic-link-sap_fiori_3_hcw.css +0 -124
  215. package/dist/semantic/semantic-link-sap_fiori_3_light_dark-sap_fiori_3.css +0 -124
  216. package/dist/semantic/semantic-link-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -124
  217. package/dist/semantic/semantic-link-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -124
  218. package/dist/semantic/semantic-link-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -124
  219. package/dist/semantic/semantic-link-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -124
  220. package/dist/semantic/semantic-link-sap_fiori_3_light_dark.css +0 -124
  221. package/dist/semantic/semantic-link.css +0 -124
  222. package/dist/semantic/semantic-list-sap_fiori_3-sap_fiori_3.css +0 -133
  223. package/dist/semantic/semantic-list-sap_fiori_3-sap_fiori_3_dark.css +0 -133
  224. package/dist/semantic/semantic-list-sap_fiori_3-sap_fiori_3_hcb.css +0 -133
  225. package/dist/semantic/semantic-list-sap_fiori_3-sap_fiori_3_hcw.css +0 -133
  226. package/dist/semantic/semantic-list-sap_fiori_3-sap_fiori_3_light_dark.css +0 -133
  227. package/dist/semantic/semantic-list-sap_fiori_3.css +0 -133
  228. package/dist/semantic/semantic-list-sap_fiori_3_dark-sap_fiori_3.css +0 -133
  229. package/dist/semantic/semantic-list-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -133
  230. package/dist/semantic/semantic-list-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -133
  231. package/dist/semantic/semantic-list-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -133
  232. package/dist/semantic/semantic-list-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -133
  233. package/dist/semantic/semantic-list-sap_fiori_3_dark.css +0 -133
  234. package/dist/semantic/semantic-list-sap_fiori_3_hcb-sap_fiori_3.css +0 -133
  235. package/dist/semantic/semantic-list-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -133
  236. package/dist/semantic/semantic-list-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -133
  237. package/dist/semantic/semantic-list-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -133
  238. package/dist/semantic/semantic-list-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -133
  239. package/dist/semantic/semantic-list-sap_fiori_3_hcb.css +0 -133
  240. package/dist/semantic/semantic-list-sap_fiori_3_hcw-sap_fiori_3.css +0 -133
  241. package/dist/semantic/semantic-list-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -133
  242. package/dist/semantic/semantic-list-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -133
  243. package/dist/semantic/semantic-list-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -133
  244. package/dist/semantic/semantic-list-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -133
  245. package/dist/semantic/semantic-list-sap_fiori_3_hcw.css +0 -133
  246. package/dist/semantic/semantic-list-sap_fiori_3_light_dark-sap_fiori_3.css +0 -133
  247. package/dist/semantic/semantic-list-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -133
  248. package/dist/semantic/semantic-list-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -133
  249. package/dist/semantic/semantic-list-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -133
  250. package/dist/semantic/semantic-list-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -133
  251. package/dist/semantic/semantic-list-sap_fiori_3_light_dark.css +0 -133
  252. package/dist/semantic/semantic-list.css +0 -133
  253. package/dist/semantic/semantic-radio-sap_fiori_3-sap_fiori_3.css +0 -178
  254. package/dist/semantic/semantic-radio-sap_fiori_3-sap_fiori_3_dark.css +0 -178
  255. package/dist/semantic/semantic-radio-sap_fiori_3-sap_fiori_3_hcb.css +0 -178
  256. package/dist/semantic/semantic-radio-sap_fiori_3-sap_fiori_3_hcw.css +0 -178
  257. package/dist/semantic/semantic-radio-sap_fiori_3-sap_fiori_3_light_dark.css +0 -178
  258. package/dist/semantic/semantic-radio-sap_fiori_3.css +0 -178
  259. package/dist/semantic/semantic-radio-sap_fiori_3_dark-sap_fiori_3.css +0 -178
  260. package/dist/semantic/semantic-radio-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -178
  261. package/dist/semantic/semantic-radio-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -178
  262. package/dist/semantic/semantic-radio-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -178
  263. package/dist/semantic/semantic-radio-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -178
  264. package/dist/semantic/semantic-radio-sap_fiori_3_dark.css +0 -178
  265. package/dist/semantic/semantic-radio-sap_fiori_3_hcb-sap_fiori_3.css +0 -178
  266. package/dist/semantic/semantic-radio-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -178
  267. package/dist/semantic/semantic-radio-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -178
  268. package/dist/semantic/semantic-radio-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -178
  269. package/dist/semantic/semantic-radio-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -178
  270. package/dist/semantic/semantic-radio-sap_fiori_3_hcb.css +0 -178
  271. package/dist/semantic/semantic-radio-sap_fiori_3_hcw-sap_fiori_3.css +0 -178
  272. package/dist/semantic/semantic-radio-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -178
  273. package/dist/semantic/semantic-radio-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -178
  274. package/dist/semantic/semantic-radio-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -178
  275. package/dist/semantic/semantic-radio-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -178
  276. package/dist/semantic/semantic-radio-sap_fiori_3_hcw.css +0 -178
  277. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark-sap_fiori_3.css +0 -178
  278. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -178
  279. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -178
  280. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -178
  281. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -178
  282. package/dist/semantic/semantic-radio-sap_fiori_3_light_dark.css +0 -178
  283. package/dist/semantic/semantic-radio.css +0 -178
  284. package/dist/semantic/semantic-textarea-sap_fiori_3-sap_fiori_3.css +0 -195
  285. package/dist/semantic/semantic-textarea-sap_fiori_3-sap_fiori_3_dark.css +0 -195
  286. package/dist/semantic/semantic-textarea-sap_fiori_3-sap_fiori_3_hcb.css +0 -195
  287. package/dist/semantic/semantic-textarea-sap_fiori_3-sap_fiori_3_hcw.css +0 -195
  288. package/dist/semantic/semantic-textarea-sap_fiori_3-sap_fiori_3_light_dark.css +0 -195
  289. package/dist/semantic/semantic-textarea-sap_fiori_3.css +0 -195
  290. package/dist/semantic/semantic-textarea-sap_fiori_3_dark-sap_fiori_3.css +0 -195
  291. package/dist/semantic/semantic-textarea-sap_fiori_3_dark-sap_fiori_3_dark.css +0 -195
  292. package/dist/semantic/semantic-textarea-sap_fiori_3_dark-sap_fiori_3_hcb.css +0 -195
  293. package/dist/semantic/semantic-textarea-sap_fiori_3_dark-sap_fiori_3_hcw.css +0 -195
  294. package/dist/semantic/semantic-textarea-sap_fiori_3_dark-sap_fiori_3_light_dark.css +0 -195
  295. package/dist/semantic/semantic-textarea-sap_fiori_3_dark.css +0 -195
  296. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb-sap_fiori_3.css +0 -195
  297. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb-sap_fiori_3_dark.css +0 -195
  298. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb-sap_fiori_3_hcb.css +0 -195
  299. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb-sap_fiori_3_hcw.css +0 -195
  300. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb-sap_fiori_3_light_dark.css +0 -195
  301. package/dist/semantic/semantic-textarea-sap_fiori_3_hcb.css +0 -195
  302. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw-sap_fiori_3.css +0 -195
  303. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw-sap_fiori_3_dark.css +0 -195
  304. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw-sap_fiori_3_hcb.css +0 -195
  305. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw-sap_fiori_3_hcw.css +0 -195
  306. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw-sap_fiori_3_light_dark.css +0 -195
  307. package/dist/semantic/semantic-textarea-sap_fiori_3_hcw.css +0 -195
  308. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark-sap_fiori_3.css +0 -195
  309. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark-sap_fiori_3_dark.css +0 -195
  310. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark-sap_fiori_3_hcb.css +0 -195
  311. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark-sap_fiori_3_hcw.css +0 -195
  312. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark-sap_fiori_3_light_dark.css +0 -195
  313. package/dist/semantic/semantic-textarea-sap_fiori_3_light_dark.css +0 -195
  314. package/dist/semantic/semantic-textarea.css +0 -195
  315. package/dist/theming/sap_fiori_3.css +0 -165
  316. package/dist/theming/sap_fiori_3_dark.css +0 -164
  317. package/dist/theming/sap_fiori_3_hcb.css +0 -164
  318. package/dist/theming/sap_fiori_3_hcw.css +0 -164
  319. package/dist/theming/sap_fiori_3_light_dark.css +0 -164
@@ -1,1891 +0,0 @@
1
- /*!
2
- * Fundamental Library Styles v0.18.1-rc.8
3
- * Copyright (c) 2021 SAP SE or an SAP affiliate company.
4
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
5
- */
6
- /*!
7
- * Fundamental Library Styles v0.18.1-rc.8
8
- * Copyright (c) 2021 SAP SE or an SAP affiliate company.
9
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
10
- */
11
- .t43 {
12
- /*!
13
- .fd-checkbox
14
- *//*!
15
- .fd-radio
16
- */
17
- }
18
- .t43 button {
19
- height: 2.25rem;
20
- max-height: 2.25rem;
21
- min-width: 2.25rem;
22
- overflow: hidden;
23
- text-overflow: ellipsis;
24
- position: relative;
25
- padding-left: calc(.625rem - .0625rem);
26
- padding-left: calc(.625rem - .0625rem);
27
- padding-left: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
28
- padding-right: calc(.625rem - .0625rem);
29
- padding-right: calc(.625rem - .0625rem);
30
- padding-right: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
31
- line-height: 1rem;
32
- text-align: center;
33
- text-shadow: 0 0 .125rem #000;
34
- text-shadow: 0 0 .125rem #000;
35
- text-shadow: var(--fdButton_Text_Shadow,0 0 .125rem #000);
36
- border-style: solid;
37
- border-width: .0625rem;
38
- border-width: .0625rem;
39
- border-width: var(--sapButton_BorderWidth,.0625rem);
40
- color: #fff;
41
- color: #fff;
42
- color: var(--sapButton_TextColor,#fff);
43
- border-color: #fff;
44
- border-color: #fff;
45
- border-color: var(--sapButton_BorderColor,#fff);
46
- background-color: #000;
47
- background-color: #000;
48
- background-color: var(--sapButton_Background,#000)
49
- }
50
- .t43 button::before {
51
- content: '';
52
- display: block;
53
- position: absolute;
54
- height: auto;
55
- width: 100%;
56
- top: -.25rem;
57
- bottom: -.25rem;
58
- left: 0;
59
- right: 0
60
- }
61
- .t43 button.is-focus,
62
- .t43 button:focus {
63
- z-index: 5;
64
- outline: .125rem dotted #fff;
65
- outline: .125rem dotted #fff;
66
- outline: var(--sapContent_FocusWidth,.125rem) dotted var(--sapContent_FocusColor,#fff);
67
- outline-offset: -.1875rem
68
- }
69
- .t43 button.is-focus.fd-button--toggled,
70
- .t43 button:focus.fd-button--toggled {
71
- outline-color: #fff;
72
- outline-color: #fff;
73
- outline-color: var(--sapContent_ContrastFocusColor,#fff)
74
- }
75
- .t43 button.is-hover,
76
- .t43 button:hover {
77
- color: #fff;
78
- color: #fff;
79
- color: var(--sapButton_Hover_TextColor,#fff);
80
- border-color: #fff;
81
- border-color: #fff;
82
- border-color: var(--sapButton_Hover_BorderColor,#fff);
83
- background-color: #7a5100;
84
- background-color: #7a5100;
85
- background-color: var(--sapButton_Hover_Background,#7a5100)
86
- }
87
- .t43 button.is-active,
88
- .t43 button:active {
89
- color: #fff;
90
- color: #fff;
91
- color: var(--sapButton_Selected_TextColor,#fff);
92
- border-color: #fff;
93
- border-color: #fff;
94
- border-color: var(--sapButton_BorderColor,#fff);
95
- background-color: #7a5100;
96
- background-color: #7a5100;
97
- background-color: var(--sapButton_Active_Background,#7a5100)
98
- }
99
- .t43 button.is-active.is-focus,
100
- .t43 button.is-active:focus,
101
- .t43 button:active.is-focus,
102
- .t43 button:active:focus {
103
- z-index: 5;
104
- outline-color: #fff;
105
- outline-color: #fff;
106
- outline-color: var(--sapContent_ContrastFocusColor,#fff)
107
- }
108
- .t43 button.is-disabled,
109
- .t43 button:disabled,
110
- .t43 button[aria-disabled=true] {
111
- opacity: .4;
112
- opacity: .4;
113
- opacity: var(--sapContent_DisabledOpacity,.4);
114
- cursor: not-allowed;
115
- outline: 0;
116
- -webkit-box-shadow: none;
117
- box-shadow: none
118
- }
119
- .t43 button.is-disabled:focus,
120
- .t43 button:disabled:focus,
121
- .t43 button[aria-disabled=true]:focus {
122
- outline: 0
123
- }
124
- .t43 input[type=checkbox]:not(:only-child) {
125
- position: absolute;
126
- opacity: .0001
127
- }
128
- .t43 input[type=checkbox] {
129
- font-size: .875rem;
130
- font-size: .875rem;
131
- font-size: var(--sapFontSize,.875rem);
132
- line-height: 1.4;
133
- line-height: 1.4;
134
- line-height: var(--sapContent_LineHeight,1.4);
135
- color: #fff;
136
- color: #fff;
137
- color: var(--sapTextColor,#fff);
138
- font-family: "72","72full",Arial,Helvetica,sans-serif;
139
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
140
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
141
- font-weight: 400;
142
- -webkit-box-sizing: border-box;
143
- box-sizing: border-box;
144
- padding: 0;
145
- margin: 0;
146
- border: 0
147
- }
148
- .t43 input[type=checkbox]::after,
149
- .t43 input[type=checkbox]::before {
150
- -webkit-box-sizing: inherit;
151
- box-sizing: inherit;
152
- font-size: inherit
153
- }
154
- .t43 input[type=checkbox] + label {
155
- font-size: .875rem;
156
- font-size: .875rem;
157
- font-size: var(--sapFontSize,.875rem);
158
- line-height: 1.4;
159
- line-height: 1.4;
160
- line-height: var(--sapContent_LineHeight,1.4);
161
- color: #fff;
162
- color: #fff;
163
- color: var(--sapTextColor,#fff);
164
- font-family: "72","72full",Arial,Helvetica,sans-serif;
165
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
166
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
167
- font-weight: 400;
168
- -webkit-box-sizing: border-box;
169
- box-sizing: border-box;
170
- padding: 0;
171
- margin: 0;
172
- border: 0;
173
- white-space: nowrap;
174
- overflow: hidden;
175
- text-overflow: ellipsis;
176
- width: -webkit-fit-content;
177
- width: -moz-fit-content;
178
- width: fit-content;
179
- position: relative;
180
- max-width: 100%;
181
- font-size: .875rem;
182
- font-size: .875rem;
183
- font-size: var(--sapFontSize,.875rem);
184
- color: #fff;
185
- color: #fff;
186
- color: var(--sapContent_LabelColor,#fff);
187
- margin-right: .5rem;
188
- cursor: text;
189
- -ms-flex-item-align: start;
190
- align-self: flex-start;
191
- cursor: pointer;
192
- line-height: 1rem;
193
- padding: .6875rem;
194
- display: -webkit-box;
195
- display: -ms-flexbox;
196
- display: flex;
197
- -webkit-box-align: center;
198
- -ms-flex-align: center;
199
- align-items: center
200
- }
201
- .t43 input[type=checkbox] + label::after,
202
- .t43 input[type=checkbox] + label::before {
203
- -webkit-box-sizing: inherit;
204
- box-sizing: inherit;
205
- font-size: inherit
206
- }
207
- .t43 input[type=checkbox] + label[dir=rtl],
208
- [dir=rtl] .t43 input[type=checkbox] + label {
209
- margin-left: .5rem;
210
- margin-right: 0
211
- }
212
- .t43 input[type=checkbox] + label::before {
213
- content: "";
214
- height: 1.375rem;
215
- width: 1.375rem;
216
- min-width: 1.375rem;
217
- font-size: 1rem;
218
- font-size: 1rem;
219
- font-size: var(--sapFontLargeSize,1rem);
220
- display: -webkit-inline-box;
221
- display: -ms-inline-flexbox;
222
- display: inline-flex;
223
- -webkit-box-pack: center;
224
- -ms-flex-pack: center;
225
- justify-content: center;
226
- -webkit-box-align: center;
227
- -ms-flex-align: center;
228
- align-items: center;
229
- font-family: SAP-icons;
230
- background-color: #000;
231
- background-color: #000;
232
- background-color: var(--sapField_Background,#000);
233
- color: #fff;
234
- color: #fff;
235
- color: var(--fdCheckbox_Selected_Color,var(--sapTextColor,#fff));
236
- border: .0625rem solid #fff;
237
- border: .0625rem solid #fff;
238
- border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#fff);
239
- border-radius: 0;
240
- border-radius: 0;
241
- border-radius: var(--sapField_BorderCornerRadius,0)
242
- }
243
- .t43 input[type=checkbox] + label::after {
244
- padding-left: .125rem;
245
- position: relative
246
- }
247
- .t43 input[type=checkbox] + label[dir=rtl]::after,
248
- [dir=rtl] .t43 input[type=checkbox] + label::after {
249
- padding-left: 0;
250
- padding-right: .125rem
251
- }
252
- .t43 input[type=checkbox] + label.is-hover::before,
253
- .t43 input[type=checkbox] + label:hover::before {
254
- background-color: #000;
255
- background-color: #000;
256
- background-color: var(--sapField_Hover_Background,#000);
257
- border-color: #fff;
258
- border-color: #fff;
259
- border-color: var(--sapField_Hover_BorderColor,#fff)
260
- }
261
- .t43 input[type=checkbox] + label:focus {
262
- outline: 0
263
- }
264
- .t43 input[type=checkbox] + label.is-empty,
265
- .t43 input[type=checkbox] + label:empty {
266
- padding: .6875rem;
267
- margin: 0
268
- }
269
- .t43 input[type=checkbox] + label.is-empty::after,
270
- .t43 input[type=checkbox] + label.is-empty::before,
271
- .t43 input[type=checkbox] + label:empty::after,
272
- .t43 input[type=checkbox] + label:empty::before {
273
- margin-right: 0;
274
- margin-left: 0
275
- }
276
- .t43 input[type=checkbox]:checked + label::before {
277
- content: "\e05b"
278
- }
279
- .t43 input[type=checkbox]:indeterminate + label::before {
280
- content: "\e17b";
281
- font-size: .75rem
282
- }
283
- .t43 input[type=checkbox].is-focus,
284
- .t43 input[type=checkbox]:focus {
285
- z-index: 5
286
- }
287
- .t43 input[type=checkbox].is-focus + label,
288
- .t43 input[type=checkbox]:focus + label {
289
- outline: .125rem dotted #fff;
290
- outline: .125rem dotted #fff;
291
- outline: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
292
- outline-offset: -.5625rem
293
- }
294
- .t43 input[type=checkbox].is-disabled,
295
- .t43 input[type=checkbox]:disabled,
296
- .t43 input[type=checkbox][aria-disabled=true] {
297
- opacity: .0001
298
- }
299
- .t43 input[type=checkbox].is-disabled + label,
300
- .t43 input[type=checkbox]:disabled + label,
301
- .t43 input[type=checkbox][aria-disabled=true] + label {
302
- pointer-events: none;
303
- opacity: .4
304
- }
305
- .t43 input[type=email],
306
- .t43 input[type=number],
307
- .t43 input[type=password],
308
- .t43 input[type=text] {
309
- font-size: .875rem;
310
- font-size: .875rem;
311
- font-size: var(--sapFontSize,.875rem);
312
- line-height: 1.4;
313
- line-height: 1.4;
314
- line-height: var(--sapContent_LineHeight,1.4);
315
- color: #fff;
316
- color: #fff;
317
- color: var(--sapTextColor,#fff);
318
- font-family: "72","72full",Arial,Helvetica,sans-serif;
319
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
320
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
321
- font-weight: 400;
322
- -webkit-box-sizing: border-box;
323
- box-sizing: border-box;
324
- padding: 0;
325
- margin: 0;
326
- border: 0;
327
- white-space: nowrap;
328
- overflow: hidden;
329
- text-overflow: ellipsis;
330
- color: #fff;
331
- color: #fff;
332
- color: var(--sapField_TextColor,#fff);
333
- background-color: #000;
334
- background-color: #000;
335
- background-color: var(--sapField_Background,#000);
336
- border-style: solid;
337
- border-width: .0625rem;
338
- border-width: .0625rem;
339
- border-width: var(--sapField_BorderWidth,.0625rem);
340
- border-color: #fff;
341
- border-color: #fff;
342
- border-color: var(--sapField_BorderColor,#fff);
343
- border-radius: 0;
344
- border-radius: 0;
345
- border-radius: var(--sapField_BorderCornerRadius,0);
346
- outline: 0;
347
- appearance: none;
348
- -webkit-appearance: none;
349
- -moz-appearance: none;
350
- padding-left: .75rem;
351
- padding-right: .75rem;
352
- min-width: 2.75rem;
353
- width: 100%;
354
- height: 2.25rem;
355
- margin-top: .25rem;
356
- margin-bottom: .25rem;
357
- padding: 0 .625rem;
358
- z-index: 1;
359
- cursor: text;
360
- overflow: hidden;
361
- text-shadow: 0 0 .125rem #000;
362
- text-shadow: 0 0 .125rem #000;
363
- text-shadow: var(--fdInput_Text_Shadow,0 0 .125rem #000)
364
- }
365
- .t43 input[type=email]::after,
366
- .t43 input[type=email]::before,
367
- .t43 input[type=number]::after,
368
- .t43 input[type=number]::before,
369
- .t43 input[type=password]::after,
370
- .t43 input[type=password]::before,
371
- .t43 input[type=text]::after,
372
- .t43 input[type=text]::before {
373
- -webkit-box-sizing: inherit;
374
- box-sizing: inherit;
375
- font-size: inherit
376
- }
377
- .t43 input[type=email]::-webkit-input-placeholder,
378
- .t43 input[type=number]::-webkit-input-placeholder,
379
- .t43 input[type=password]::-webkit-input-placeholder,
380
- .t43 input[type=text]::-webkit-input-placeholder {
381
- font-style: italic;
382
- color: #999;
383
- color: #999;
384
- color: var(--sapField_PlaceholderTextColor,#999)
385
- }
386
- .t43 input[type=email]::-moz-placeholder,
387
- .t43 input[type=number]::-moz-placeholder,
388
- .t43 input[type=password]::-moz-placeholder,
389
- .t43 input[type=text]::-moz-placeholder {
390
- font-style: italic;
391
- color: #999;
392
- color: #999;
393
- color: var(--sapField_PlaceholderTextColor,#999)
394
- }
395
- .t43 input[type=email]:-ms-input-placeholder,
396
- .t43 input[type=number]:-ms-input-placeholder,
397
- .t43 input[type=password]:-ms-input-placeholder,
398
- .t43 input[type=text]:-ms-input-placeholder {
399
- font-style: italic;
400
- color: #999;
401
- color: #999;
402
- color: var(--sapField_PlaceholderTextColor,#999)
403
- }
404
- .t43 input[type=email]::-ms-input-placeholder,
405
- .t43 input[type=number]::-ms-input-placeholder,
406
- .t43 input[type=password]::-ms-input-placeholder,
407
- .t43 input[type=text]::-ms-input-placeholder {
408
- font-style: italic;
409
- color: #999;
410
- color: #999;
411
- color: var(--sapField_PlaceholderTextColor,#999)
412
- }
413
- .t43 input[type=email]::-webkit-input-placeholder,
414
- .t43 input[type=number]::-webkit-input-placeholder,
415
- .t43 input[type=password]::-webkit-input-placeholder,
416
- .t43 input[type=text]::-webkit-input-placeholder {
417
- font-style: italic;
418
- color: #999;
419
- color: #999;
420
- color: var(--sapField_PlaceholderTextColor,#999)
421
- }
422
- .t43 input[type=email]::-moz-placeholder,
423
- .t43 input[type=number]::-moz-placeholder,
424
- .t43 input[type=password]::-moz-placeholder,
425
- .t43 input[type=text]::-moz-placeholder {
426
- font-style: italic;
427
- color: #999;
428
- color: #999;
429
- color: var(--sapField_PlaceholderTextColor,#999)
430
- }
431
- .t43 input[type=email]:-ms-input-placeholder,
432
- .t43 input[type=number]:-ms-input-placeholder,
433
- .t43 input[type=password]:-ms-input-placeholder,
434
- .t43 input[type=text]:-ms-input-placeholder {
435
- font-style: italic;
436
- color: #999;
437
- color: #999;
438
- color: var(--sapField_PlaceholderTextColor,#999)
439
- }
440
- .t43 input[type=email]::-ms-input-placeholder,
441
- .t43 input[type=number]::-ms-input-placeholder,
442
- .t43 input[type=password]::-ms-input-placeholder,
443
- .t43 input[type=text]::-ms-input-placeholder {
444
- font-style: italic;
445
- color: #999;
446
- color: #999;
447
- color: var(--sapField_PlaceholderTextColor,#999)
448
- }
449
- .t43 input[type=email]::placeholder,
450
- .t43 input[type=number]::placeholder,
451
- .t43 input[type=password]::placeholder,
452
- .t43 input[type=text]::placeholder {
453
- font-style: italic;
454
- color: #999;
455
- color: #999;
456
- color: var(--sapField_PlaceholderTextColor,#999)
457
- }
458
- .t43 input[type=email]::-moz-selection,
459
- .t43 input[type=number]::-moz-selection,
460
- .t43 input[type=password]::-moz-selection,
461
- .t43 input[type=text]::-moz-selection {
462
- color: #fff;
463
- color: #fff;
464
- color: var(--sapContent_ContrastTextColor,#fff);
465
- background-color: #0f5d94;
466
- background-color: #0f5d94;
467
- background-color: var(--sapSelectedColor,#0f5d94)
468
- }
469
- .t43 input[type=email]::-moz-selection,
470
- .t43 input[type=number]::-moz-selection,
471
- .t43 input[type=password]::-moz-selection,
472
- .t43 input[type=text]::-moz-selection {
473
- color: #fff;
474
- color: #fff;
475
- color: var(--sapContent_ContrastTextColor,#fff);
476
- background-color: #0f5d94;
477
- background-color: #0f5d94;
478
- background-color: var(--sapSelectedColor,#0f5d94)
479
- }
480
- .t43 input[type=email]::selection,
481
- .t43 input[type=number]::selection,
482
- .t43 input[type=password]::selection,
483
- .t43 input[type=text]::selection {
484
- color: #fff;
485
- color: #fff;
486
- color: var(--sapContent_ContrastTextColor,#fff);
487
- background-color: #0f5d94;
488
- background-color: #0f5d94;
489
- background-color: var(--sapSelectedColor,#0f5d94)
490
- }
491
- .t43 input[type=email].is-hover,
492
- .t43 input[type=email]:hover,
493
- .t43 input[type=number].is-hover,
494
- .t43 input[type=number]:hover,
495
- .t43 input[type=password].is-hover,
496
- .t43 input[type=password]:hover,
497
- .t43 input[type=text].is-hover,
498
- .t43 input[type=text]:hover {
499
- background-color: #000;
500
- background-color: #000;
501
- background-color: var(--sapField_Hover_Background,#000);
502
- border-color: #fff;
503
- border-color: #fff;
504
- border-color: var(--sapField_Hover_BorderColor,#fff)
505
- }
506
- .t43 input[type=email].is-success,
507
- .t43 input[type=number].is-success,
508
- .t43 input[type=password].is-success,
509
- .t43 input[type=text].is-success {
510
- background-color: #000;
511
- background-color: #000;
512
- background-color: var(--sapField_SuccessBackground,#000);
513
- border-color: #fff;
514
- border-color: #fff;
515
- border-color: var(--sapField_SuccessColor,#fff);
516
- border-width: .0625rem
517
- }
518
- .t43 input[type=email].is-success.is-hover,
519
- .t43 input[type=email].is-success:hover,
520
- .t43 input[type=number].is-success.is-hover,
521
- .t43 input[type=number].is-success:hover,
522
- .t43 input[type=password].is-success.is-hover,
523
- .t43 input[type=password].is-success:hover,
524
- .t43 input[type=text].is-success.is-hover,
525
- .t43 input[type=text].is-success:hover {
526
- background-color: #000;
527
- background-color: #000;
528
- background-color: var(--sapField_SuccessBackground,#000);
529
- border-color: #fff;
530
- border-color: #fff;
531
- border-color: var(--sapField_SuccessColor,#fff)
532
- }
533
- .t43 input[type=email].is-error,
534
- .t43 input[type=number].is-error,
535
- .t43 input[type=password].is-error,
536
- .t43 input[type=text].is-error {
537
- background-color: #7a5100;
538
- background-color: #7a5100;
539
- background-color: var(--sapField_InvalidBackground,#7a5100);
540
- border-color: #fff;
541
- border-color: #fff;
542
- border-color: var(--sapField_InvalidColor,#fff);
543
- font-style: italic;
544
- font-style: italic;
545
- font-style: var(--fdInput_State_Text_Style,italic);
546
- font-weight: 700;
547
- font-weight: bold;
548
- font-weight: var(--fdInput_State_Font_Weight,bold)
549
- }
550
- .t43 input[type=email].is-error.is-hover,
551
- .t43 input[type=email].is-error:hover,
552
- .t43 input[type=number].is-error.is-hover,
553
- .t43 input[type=number].is-error:hover,
554
- .t43 input[type=password].is-error.is-hover,
555
- .t43 input[type=password].is-error:hover,
556
- .t43 input[type=text].is-error.is-hover,
557
- .t43 input[type=text].is-error:hover {
558
- background-color: #7a5100;
559
- background-color: #7a5100;
560
- background-color: var(--sapField_InvalidBackground,#7a5100);
561
- border-color: #fff;
562
- border-color: #fff;
563
- border-color: var(--sapField_InvalidColor,#fff)
564
- }
565
- .t43 input[type=email].is-alert,
566
- .t43 input[type=email].is-warning,
567
- .t43 input[type=number].is-alert,
568
- .t43 input[type=number].is-warning,
569
- .t43 input[type=password].is-alert,
570
- .t43 input[type=password].is-warning,
571
- .t43 input[type=text].is-alert,
572
- .t43 input[type=text].is-warning {
573
- background-color: #000;
574
- background-color: #000;
575
- background-color: var(--sapField_WarningBackground,#000);
576
- border-color: #fff;
577
- border-color: #fff;
578
- border-color: var(--sapField_WarningColor,#fff);
579
- font-style: italic;
580
- font-style: italic;
581
- font-style: var(--fdInput_State_Text_Style,italic);
582
- font-weight: 700;
583
- font-weight: bold;
584
- font-weight: var(--fdInput_State_Font_Weight,bold)
585
- }
586
- .t43 input[type=email].is-alert.is-hover,
587
- .t43 input[type=email].is-alert:hover,
588
- .t43 input[type=email].is-warning.is-hover,
589
- .t43 input[type=email].is-warning:hover,
590
- .t43 input[type=number].is-alert.is-hover,
591
- .t43 input[type=number].is-alert:hover,
592
- .t43 input[type=number].is-warning.is-hover,
593
- .t43 input[type=number].is-warning:hover,
594
- .t43 input[type=password].is-alert.is-hover,
595
- .t43 input[type=password].is-alert:hover,
596
- .t43 input[type=password].is-warning.is-hover,
597
- .t43 input[type=password].is-warning:hover,
598
- .t43 input[type=text].is-alert.is-hover,
599
- .t43 input[type=text].is-alert:hover,
600
- .t43 input[type=text].is-warning.is-hover,
601
- .t43 input[type=text].is-warning:hover {
602
- background-color: #000;
603
- background-color: #000;
604
- background-color: var(--sapField_WarningBackground,#000);
605
- border-color: #fff;
606
- border-color: #fff;
607
- border-color: var(--sapField_WarningColor,#fff)
608
- }
609
- .t43 input[type=email].is-information,
610
- .t43 input[type=number].is-information,
611
- .t43 input[type=password].is-information,
612
- .t43 input[type=text].is-information {
613
- background-color: #000;
614
- background-color: #000;
615
- background-color: var(--sapField_InformationBackground,#000);
616
- border-color: #fff;
617
- border-color: #fff;
618
- border-color: var(--sapField_InformationColor,#fff)
619
- }
620
- .t43 input[type=email].is-information.is-hover,
621
- .t43 input[type=email].is-information:hover,
622
- .t43 input[type=number].is-information.is-hover,
623
- .t43 input[type=number].is-information:hover,
624
- .t43 input[type=password].is-information.is-hover,
625
- .t43 input[type=password].is-information:hover,
626
- .t43 input[type=text].is-information.is-hover,
627
- .t43 input[type=text].is-information:hover {
628
- background-color: #000;
629
- background-color: #000;
630
- background-color: var(--sapField_InformationBackground,#000);
631
- border-color: #fff;
632
- border-color: #fff;
633
- border-color: var(--sapField_InformationColor,#fff)
634
- }
635
- .t43 input[type=email].is-focus,
636
- .t43 input[type=email]:focus,
637
- .t43 input[type=number].is-focus,
638
- .t43 input[type=number]:focus,
639
- .t43 input[type=password].is-focus,
640
- .t43 input[type=password]:focus,
641
- .t43 input[type=text].is-focus,
642
- .t43 input[type=text]:focus {
643
- z-index: 5;
644
- -webkit-box-shadow: none;
645
- box-shadow: none;
646
- outline-offset: -.1875rem;
647
- outline-width: .125rem;
648
- outline-width: .125rem;
649
- outline-width: var(--sapContent_FocusWidth,.125rem);
650
- outline-color: #fff;
651
- outline-color: #fff;
652
- outline-color: var(--sapContent_FocusColor,#fff);
653
- outline-style: dotted;
654
- outline-style: dotted;
655
- outline-style: var(--sapContent_FocusStyle,dotted)
656
- }
657
- .t43 input[type=email].is-alert,
658
- .t43 input[type=email].is-error,
659
- .t43 input[type=email].is-information,
660
- .t43 input[type=email].is-warning,
661
- .t43 input[type=number].is-alert,
662
- .t43 input[type=number].is-error,
663
- .t43 input[type=number].is-information,
664
- .t43 input[type=number].is-warning,
665
- .t43 input[type=password].is-alert,
666
- .t43 input[type=password].is-error,
667
- .t43 input[type=password].is-information,
668
- .t43 input[type=password].is-warning,
669
- .t43 input[type=text].is-alert,
670
- .t43 input[type=text].is-error,
671
- .t43 input[type=text].is-information,
672
- .t43 input[type=text].is-warning {
673
- border-width: .125rem;
674
- border-style: dashed;
675
- border-style: dashed;
676
- border-style: var(--fdInput_State_Border_Type,dashed)
677
- }
678
- .t43 input[type=email].is-alert.is-focus,
679
- .t43 input[type=email].is-alert:focus,
680
- .t43 input[type=email].is-error.is-focus,
681
- .t43 input[type=email].is-error:focus,
682
- .t43 input[type=email].is-information.is-focus,
683
- .t43 input[type=email].is-information:focus,
684
- .t43 input[type=email].is-warning.is-focus,
685
- .t43 input[type=email].is-warning:focus,
686
- .t43 input[type=number].is-alert.is-focus,
687
- .t43 input[type=number].is-alert:focus,
688
- .t43 input[type=number].is-error.is-focus,
689
- .t43 input[type=number].is-error:focus,
690
- .t43 input[type=number].is-information.is-focus,
691
- .t43 input[type=number].is-information:focus,
692
- .t43 input[type=number].is-warning.is-focus,
693
- .t43 input[type=number].is-warning:focus,
694
- .t43 input[type=password].is-alert.is-focus,
695
- .t43 input[type=password].is-alert:focus,
696
- .t43 input[type=password].is-error.is-focus,
697
- .t43 input[type=password].is-error:focus,
698
- .t43 input[type=password].is-information.is-focus,
699
- .t43 input[type=password].is-information:focus,
700
- .t43 input[type=password].is-warning.is-focus,
701
- .t43 input[type=password].is-warning:focus,
702
- .t43 input[type=text].is-alert.is-focus,
703
- .t43 input[type=text].is-alert:focus,
704
- .t43 input[type=text].is-error.is-focus,
705
- .t43 input[type=text].is-error:focus,
706
- .t43 input[type=text].is-information.is-focus,
707
- .t43 input[type=text].is-information:focus,
708
- .t43 input[type=text].is-warning.is-focus,
709
- .t43 input[type=text].is-warning:focus {
710
- z-index: 5;
711
- -webkit-box-shadow: none;
712
- box-shadow: none;
713
- outline-offset: -.25rem
714
- }
715
- .t43 input[type=email].is-disabled,
716
- .t43 input[type=email]:disabled,
717
- .t43 input[type=email][aria-disabled=true],
718
- .t43 input[type=number].is-disabled,
719
- .t43 input[type=number]:disabled,
720
- .t43 input[type=number][aria-disabled=true],
721
- .t43 input[type=password].is-disabled,
722
- .t43 input[type=password]:disabled,
723
- .t43 input[type=password][aria-disabled=true],
724
- .t43 input[type=text].is-disabled,
725
- .t43 input[type=text]:disabled,
726
- .t43 input[type=text][aria-disabled=true] {
727
- pointer-events: none;
728
- opacity: .4;
729
- opacity: .4;
730
- opacity: var(--sapContent_DisabledOpacity,.4)
731
- }
732
- .t43 input[type=email].is-disabled::-webkit-input-placeholder,
733
- .t43 input[type=email]:disabled::-webkit-input-placeholder,
734
- .t43 input[type=email][aria-disabled=true]::-webkit-input-placeholder,
735
- .t43 input[type=number].is-disabled::-webkit-input-placeholder,
736
- .t43 input[type=number]:disabled::-webkit-input-placeholder,
737
- .t43 input[type=number][aria-disabled=true]::-webkit-input-placeholder,
738
- .t43 input[type=password].is-disabled::-webkit-input-placeholder,
739
- .t43 input[type=password]:disabled::-webkit-input-placeholder,
740
- .t43 input[type=password][aria-disabled=true]::-webkit-input-placeholder,
741
- .t43 input[type=text].is-disabled::-webkit-input-placeholder,
742
- .t43 input[type=text]:disabled::-webkit-input-placeholder,
743
- .t43 input[type=text][aria-disabled=true]::-webkit-input-placeholder {
744
- color: transparent
745
- }
746
- .t43 input[type=email].is-disabled::-moz-placeholder,
747
- .t43 input[type=email]:disabled::-moz-placeholder,
748
- .t43 input[type=email][aria-disabled=true]::-moz-placeholder,
749
- .t43 input[type=number].is-disabled::-moz-placeholder,
750
- .t43 input[type=number]:disabled::-moz-placeholder,
751
- .t43 input[type=number][aria-disabled=true]::-moz-placeholder,
752
- .t43 input[type=password].is-disabled::-moz-placeholder,
753
- .t43 input[type=password]:disabled::-moz-placeholder,
754
- .t43 input[type=password][aria-disabled=true]::-moz-placeholder,
755
- .t43 input[type=text].is-disabled::-moz-placeholder,
756
- .t43 input[type=text]:disabled::-moz-placeholder,
757
- .t43 input[type=text][aria-disabled=true]::-moz-placeholder {
758
- color: transparent
759
- }
760
- .t43 input[type=email].is-disabled:-ms-input-placeholder,
761
- .t43 input[type=email]:disabled:-ms-input-placeholder,
762
- .t43 input[type=email][aria-disabled=true]:-ms-input-placeholder,
763
- .t43 input[type=number].is-disabled:-ms-input-placeholder,
764
- .t43 input[type=number]:disabled:-ms-input-placeholder,
765
- .t43 input[type=number][aria-disabled=true]:-ms-input-placeholder,
766
- .t43 input[type=password].is-disabled:-ms-input-placeholder,
767
- .t43 input[type=password]:disabled:-ms-input-placeholder,
768
- .t43 input[type=password][aria-disabled=true]:-ms-input-placeholder,
769
- .t43 input[type=text].is-disabled:-ms-input-placeholder,
770
- .t43 input[type=text]:disabled:-ms-input-placeholder,
771
- .t43 input[type=text][aria-disabled=true]:-ms-input-placeholder {
772
- color: transparent
773
- }
774
- .t43 input[type=email].is-disabled::-ms-input-placeholder,
775
- .t43 input[type=email]:disabled::-ms-input-placeholder,
776
- .t43 input[type=email][aria-disabled=true]::-ms-input-placeholder,
777
- .t43 input[type=number].is-disabled::-ms-input-placeholder,
778
- .t43 input[type=number]:disabled::-ms-input-placeholder,
779
- .t43 input[type=number][aria-disabled=true]::-ms-input-placeholder,
780
- .t43 input[type=password].is-disabled::-ms-input-placeholder,
781
- .t43 input[type=password]:disabled::-ms-input-placeholder,
782
- .t43 input[type=password][aria-disabled=true]::-ms-input-placeholder,
783
- .t43 input[type=text].is-disabled::-ms-input-placeholder,
784
- .t43 input[type=text]:disabled::-ms-input-placeholder,
785
- .t43 input[type=text][aria-disabled=true]::-ms-input-placeholder {
786
- color: transparent
787
- }
788
- .t43 input[type=email].is-disabled::-webkit-input-placeholder,
789
- .t43 input[type=email]:disabled::-webkit-input-placeholder,
790
- .t43 input[type=email][aria-disabled=true]::-webkit-input-placeholder,
791
- .t43 input[type=number].is-disabled::-webkit-input-placeholder,
792
- .t43 input[type=number]:disabled::-webkit-input-placeholder,
793
- .t43 input[type=number][aria-disabled=true]::-webkit-input-placeholder,
794
- .t43 input[type=password].is-disabled::-webkit-input-placeholder,
795
- .t43 input[type=password]:disabled::-webkit-input-placeholder,
796
- .t43 input[type=password][aria-disabled=true]::-webkit-input-placeholder,
797
- .t43 input[type=text].is-disabled::-webkit-input-placeholder,
798
- .t43 input[type=text]:disabled::-webkit-input-placeholder,
799
- .t43 input[type=text][aria-disabled=true]::-webkit-input-placeholder {
800
- color: transparent
801
- }
802
- .t43 input[type=email].is-disabled::-moz-placeholder,
803
- .t43 input[type=email]:disabled::-moz-placeholder,
804
- .t43 input[type=email][aria-disabled=true]::-moz-placeholder,
805
- .t43 input[type=number].is-disabled::-moz-placeholder,
806
- .t43 input[type=number]:disabled::-moz-placeholder,
807
- .t43 input[type=number][aria-disabled=true]::-moz-placeholder,
808
- .t43 input[type=password].is-disabled::-moz-placeholder,
809
- .t43 input[type=password]:disabled::-moz-placeholder,
810
- .t43 input[type=password][aria-disabled=true]::-moz-placeholder,
811
- .t43 input[type=text].is-disabled::-moz-placeholder,
812
- .t43 input[type=text]:disabled::-moz-placeholder,
813
- .t43 input[type=text][aria-disabled=true]::-moz-placeholder {
814
- color: transparent
815
- }
816
- .t43 input[type=email].is-disabled:-ms-input-placeholder,
817
- .t43 input[type=email]:disabled:-ms-input-placeholder,
818
- .t43 input[type=email][aria-disabled=true]:-ms-input-placeholder,
819
- .t43 input[type=number].is-disabled:-ms-input-placeholder,
820
- .t43 input[type=number]:disabled:-ms-input-placeholder,
821
- .t43 input[type=number][aria-disabled=true]:-ms-input-placeholder,
822
- .t43 input[type=password].is-disabled:-ms-input-placeholder,
823
- .t43 input[type=password]:disabled:-ms-input-placeholder,
824
- .t43 input[type=password][aria-disabled=true]:-ms-input-placeholder,
825
- .t43 input[type=text].is-disabled:-ms-input-placeholder,
826
- .t43 input[type=text]:disabled:-ms-input-placeholder,
827
- .t43 input[type=text][aria-disabled=true]:-ms-input-placeholder {
828
- color: transparent
829
- }
830
- .t43 input[type=email].is-disabled::-ms-input-placeholder,
831
- .t43 input[type=email]:disabled::-ms-input-placeholder,
832
- .t43 input[type=email][aria-disabled=true]::-ms-input-placeholder,
833
- .t43 input[type=number].is-disabled::-ms-input-placeholder,
834
- .t43 input[type=number]:disabled::-ms-input-placeholder,
835
- .t43 input[type=number][aria-disabled=true]::-ms-input-placeholder,
836
- .t43 input[type=password].is-disabled::-ms-input-placeholder,
837
- .t43 input[type=password]:disabled::-ms-input-placeholder,
838
- .t43 input[type=password][aria-disabled=true]::-ms-input-placeholder,
839
- .t43 input[type=text].is-disabled::-ms-input-placeholder,
840
- .t43 input[type=text]:disabled::-ms-input-placeholder,
841
- .t43 input[type=text][aria-disabled=true]::-ms-input-placeholder {
842
- color: transparent
843
- }
844
- .t43 input[type=email].is-disabled::placeholder,
845
- .t43 input[type=email]:disabled::placeholder,
846
- .t43 input[type=email][aria-disabled=true]::placeholder,
847
- .t43 input[type=number].is-disabled::placeholder,
848
- .t43 input[type=number]:disabled::placeholder,
849
- .t43 input[type=number][aria-disabled=true]::placeholder,
850
- .t43 input[type=password].is-disabled::placeholder,
851
- .t43 input[type=password]:disabled::placeholder,
852
- .t43 input[type=password][aria-disabled=true]::placeholder,
853
- .t43 input[type=text].is-disabled::placeholder,
854
- .t43 input[type=text]:disabled::placeholder,
855
- .t43 input[type=text][aria-disabled=true]::placeholder {
856
- color: transparent
857
- }
858
- .t43 input[type=email].is-readonly,
859
- .t43 input[type=email][aria-readonly=true],
860
- .t43 input[type=email][readonly],
861
- .t43 input[type=number].is-readonly,
862
- .t43 input[type=number][aria-readonly=true],
863
- .t43 input[type=number][readonly],
864
- .t43 input[type=password].is-readonly,
865
- .t43 input[type=password][aria-readonly=true],
866
- .t43 input[type=password][readonly],
867
- .t43 input[type=text].is-readonly,
868
- .t43 input[type=text][aria-readonly=true],
869
- .t43 input[type=text][readonly] {
870
- background-color: rgba(242,242,242,.5);
871
- background-color: #585858;
872
- background-color: #585858;
873
- background-color: var(--sapField_ReadOnly_Background,#585858);
874
- border-color: #999;
875
- border-color: #999;
876
- border-color: var(--sapField_ReadOnly_BorderColor,#999)
877
- }
878
- .t43 input[type=email].is-readonly::-webkit-input-placeholder,
879
- .t43 input[type=email][aria-readonly=true]::-webkit-input-placeholder,
880
- .t43 input[type=email][readonly]::-webkit-input-placeholder,
881
- .t43 input[type=number].is-readonly::-webkit-input-placeholder,
882
- .t43 input[type=number][aria-readonly=true]::-webkit-input-placeholder,
883
- .t43 input[type=number][readonly]::-webkit-input-placeholder,
884
- .t43 input[type=password].is-readonly::-webkit-input-placeholder,
885
- .t43 input[type=password][aria-readonly=true]::-webkit-input-placeholder,
886
- .t43 input[type=password][readonly]::-webkit-input-placeholder,
887
- .t43 input[type=text].is-readonly::-webkit-input-placeholder,
888
- .t43 input[type=text][aria-readonly=true]::-webkit-input-placeholder,
889
- .t43 input[type=text][readonly]::-webkit-input-placeholder {
890
- color: transparent
891
- }
892
- .t43 input[type=email].is-readonly::-moz-placeholder,
893
- .t43 input[type=email][aria-readonly=true]::-moz-placeholder,
894
- .t43 input[type=email][readonly]::-moz-placeholder,
895
- .t43 input[type=number].is-readonly::-moz-placeholder,
896
- .t43 input[type=number][aria-readonly=true]::-moz-placeholder,
897
- .t43 input[type=number][readonly]::-moz-placeholder,
898
- .t43 input[type=password].is-readonly::-moz-placeholder,
899
- .t43 input[type=password][aria-readonly=true]::-moz-placeholder,
900
- .t43 input[type=password][readonly]::-moz-placeholder,
901
- .t43 input[type=text].is-readonly::-moz-placeholder,
902
- .t43 input[type=text][aria-readonly=true]::-moz-placeholder,
903
- .t43 input[type=text][readonly]::-moz-placeholder {
904
- color: transparent
905
- }
906
- .t43 input[type=email].is-readonly:-ms-input-placeholder,
907
- .t43 input[type=email][aria-readonly=true]:-ms-input-placeholder,
908
- .t43 input[type=email][readonly]:-ms-input-placeholder,
909
- .t43 input[type=number].is-readonly:-ms-input-placeholder,
910
- .t43 input[type=number][aria-readonly=true]:-ms-input-placeholder,
911
- .t43 input[type=number][readonly]:-ms-input-placeholder,
912
- .t43 input[type=password].is-readonly:-ms-input-placeholder,
913
- .t43 input[type=password][aria-readonly=true]:-ms-input-placeholder,
914
- .t43 input[type=password][readonly]:-ms-input-placeholder,
915
- .t43 input[type=text].is-readonly:-ms-input-placeholder,
916
- .t43 input[type=text][aria-readonly=true]:-ms-input-placeholder,
917
- .t43 input[type=text][readonly]:-ms-input-placeholder {
918
- color: transparent
919
- }
920
- .t43 input[type=email].is-readonly::-ms-input-placeholder,
921
- .t43 input[type=email][aria-readonly=true]::-ms-input-placeholder,
922
- .t43 input[type=email][readonly]::-ms-input-placeholder,
923
- .t43 input[type=number].is-readonly::-ms-input-placeholder,
924
- .t43 input[type=number][aria-readonly=true]::-ms-input-placeholder,
925
- .t43 input[type=number][readonly]::-ms-input-placeholder,
926
- .t43 input[type=password].is-readonly::-ms-input-placeholder,
927
- .t43 input[type=password][aria-readonly=true]::-ms-input-placeholder,
928
- .t43 input[type=password][readonly]::-ms-input-placeholder,
929
- .t43 input[type=text].is-readonly::-ms-input-placeholder,
930
- .t43 input[type=text][aria-readonly=true]::-ms-input-placeholder,
931
- .t43 input[type=text][readonly]::-ms-input-placeholder {
932
- color: transparent
933
- }
934
- .t43 input[type=email].is-readonly::-webkit-input-placeholder,
935
- .t43 input[type=email][aria-readonly=true]::-webkit-input-placeholder,
936
- .t43 input[type=email][readonly]::-webkit-input-placeholder,
937
- .t43 input[type=number].is-readonly::-webkit-input-placeholder,
938
- .t43 input[type=number][aria-readonly=true]::-webkit-input-placeholder,
939
- .t43 input[type=number][readonly]::-webkit-input-placeholder,
940
- .t43 input[type=password].is-readonly::-webkit-input-placeholder,
941
- .t43 input[type=password][aria-readonly=true]::-webkit-input-placeholder,
942
- .t43 input[type=password][readonly]::-webkit-input-placeholder,
943
- .t43 input[type=text].is-readonly::-webkit-input-placeholder,
944
- .t43 input[type=text][aria-readonly=true]::-webkit-input-placeholder,
945
- .t43 input[type=text][readonly]::-webkit-input-placeholder {
946
- color: transparent
947
- }
948
- .t43 input[type=email].is-readonly::-moz-placeholder,
949
- .t43 input[type=email][aria-readonly=true]::-moz-placeholder,
950
- .t43 input[type=email][readonly]::-moz-placeholder,
951
- .t43 input[type=number].is-readonly::-moz-placeholder,
952
- .t43 input[type=number][aria-readonly=true]::-moz-placeholder,
953
- .t43 input[type=number][readonly]::-moz-placeholder,
954
- .t43 input[type=password].is-readonly::-moz-placeholder,
955
- .t43 input[type=password][aria-readonly=true]::-moz-placeholder,
956
- .t43 input[type=password][readonly]::-moz-placeholder,
957
- .t43 input[type=text].is-readonly::-moz-placeholder,
958
- .t43 input[type=text][aria-readonly=true]::-moz-placeholder,
959
- .t43 input[type=text][readonly]::-moz-placeholder {
960
- color: transparent
961
- }
962
- .t43 input[type=email].is-readonly:-ms-input-placeholder,
963
- .t43 input[type=email][aria-readonly=true]:-ms-input-placeholder,
964
- .t43 input[type=email][readonly]:-ms-input-placeholder,
965
- .t43 input[type=number].is-readonly:-ms-input-placeholder,
966
- .t43 input[type=number][aria-readonly=true]:-ms-input-placeholder,
967
- .t43 input[type=number][readonly]:-ms-input-placeholder,
968
- .t43 input[type=password].is-readonly:-ms-input-placeholder,
969
- .t43 input[type=password][aria-readonly=true]:-ms-input-placeholder,
970
- .t43 input[type=password][readonly]:-ms-input-placeholder,
971
- .t43 input[type=text].is-readonly:-ms-input-placeholder,
972
- .t43 input[type=text][aria-readonly=true]:-ms-input-placeholder,
973
- .t43 input[type=text][readonly]:-ms-input-placeholder {
974
- color: transparent
975
- }
976
- .t43 input[type=email].is-readonly::-ms-input-placeholder,
977
- .t43 input[type=email][aria-readonly=true]::-ms-input-placeholder,
978
- .t43 input[type=email][readonly]::-ms-input-placeholder,
979
- .t43 input[type=number].is-readonly::-ms-input-placeholder,
980
- .t43 input[type=number][aria-readonly=true]::-ms-input-placeholder,
981
- .t43 input[type=number][readonly]::-ms-input-placeholder,
982
- .t43 input[type=password].is-readonly::-ms-input-placeholder,
983
- .t43 input[type=password][aria-readonly=true]::-ms-input-placeholder,
984
- .t43 input[type=password][readonly]::-ms-input-placeholder,
985
- .t43 input[type=text].is-readonly::-ms-input-placeholder,
986
- .t43 input[type=text][aria-readonly=true]::-ms-input-placeholder,
987
- .t43 input[type=text][readonly]::-ms-input-placeholder {
988
- color: transparent
989
- }
990
- .t43 input[type=email].is-readonly::placeholder,
991
- .t43 input[type=email][aria-readonly=true]::placeholder,
992
- .t43 input[type=email][readonly]::placeholder,
993
- .t43 input[type=number].is-readonly::placeholder,
994
- .t43 input[type=number][aria-readonly=true]::placeholder,
995
- .t43 input[type=number][readonly]::placeholder,
996
- .t43 input[type=password].is-readonly::placeholder,
997
- .t43 input[type=password][aria-readonly=true]::placeholder,
998
- .t43 input[type=password][readonly]::placeholder,
999
- .t43 input[type=text].is-readonly::placeholder,
1000
- .t43 input[type=text][aria-readonly=true]::placeholder,
1001
- .t43 input[type=text][readonly]::placeholder {
1002
- color: transparent
1003
- }
1004
- .t43 input[type=email]:last-child,
1005
- .t43 input[type=number]:last-child,
1006
- .t43 input[type=password]:last-child,
1007
- .t43 input[type=text]:last-child {
1008
- margin-bottom: .25rem
1009
- }
1010
- .t43 input[type=email]::-ms-clear,
1011
- .t43 input[type=number]::-ms-clear,
1012
- .t43 input[type=password]::-ms-clear,
1013
- .t43 input[type=text]::-ms-clear {
1014
- display: none
1015
- }
1016
- .t43 input[type=number] {
1017
- -moz-appearance: textfield
1018
- }
1019
- .t43 input[type=number]::-webkit-inner-spin-button,
1020
- .t43 input[type=number]::-webkit-outer-spin-button {
1021
- -webkit-appearance: none;
1022
- margin: 0
1023
- }
1024
- .t43 textarea {
1025
- font-size: .875rem;
1026
- font-size: .875rem;
1027
- font-size: var(--sapFontSize,.875rem);
1028
- line-height: 1.4;
1029
- line-height: 1.4;
1030
- line-height: var(--sapContent_LineHeight,1.4);
1031
- color: #fff;
1032
- color: #fff;
1033
- color: var(--sapTextColor,#fff);
1034
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1035
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1036
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1037
- font-weight: 400;
1038
- -webkit-box-sizing: border-box;
1039
- box-sizing: border-box;
1040
- padding: 0;
1041
- margin: 0;
1042
- border: 0;
1043
- white-space: nowrap;
1044
- overflow: hidden;
1045
- text-overflow: ellipsis;
1046
- color: #fff;
1047
- color: #fff;
1048
- color: var(--sapField_TextColor,#fff);
1049
- background-color: #000;
1050
- background-color: #000;
1051
- background-color: var(--sapField_Background,#000);
1052
- border-style: solid;
1053
- border-width: .0625rem;
1054
- border-width: .0625rem;
1055
- border-width: var(--sapField_BorderWidth,.0625rem);
1056
- border-color: #fff;
1057
- border-color: #fff;
1058
- border-color: var(--sapField_BorderColor,#fff);
1059
- border-radius: 0;
1060
- border-radius: 0;
1061
- border-radius: var(--sapField_BorderCornerRadius,0);
1062
- outline: 0;
1063
- appearance: none;
1064
- -webkit-appearance: none;
1065
- -moz-appearance: none;
1066
- padding-left: .75rem;
1067
- padding-right: .75rem;
1068
- min-width: 6rem;
1069
- width: 100%;
1070
- min-height: 2.25rem;
1071
- margin: .25rem 0;
1072
- padding: .5rem .625rem;
1073
- white-space: pre-wrap;
1074
- overflow: auto;
1075
- resize: none;
1076
- display: block;
1077
- cursor: text
1078
- }
1079
- .t43 textarea::after,
1080
- .t43 textarea::before {
1081
- -webkit-box-sizing: inherit;
1082
- box-sizing: inherit;
1083
- font-size: inherit
1084
- }
1085
- .t43 textarea::-webkit-input-placeholder {
1086
- font-style: italic;
1087
- color: #999;
1088
- color: #999;
1089
- color: var(--sapField_PlaceholderTextColor,#999)
1090
- }
1091
- .t43 textarea::-moz-placeholder {
1092
- font-style: italic;
1093
- color: #999;
1094
- color: #999;
1095
- color: var(--sapField_PlaceholderTextColor,#999)
1096
- }
1097
- .t43 textarea:-ms-input-placeholder {
1098
- font-style: italic;
1099
- color: #999;
1100
- color: #999;
1101
- color: var(--sapField_PlaceholderTextColor,#999)
1102
- }
1103
- .t43 textarea::-ms-input-placeholder {
1104
- font-style: italic;
1105
- color: #999;
1106
- color: #999;
1107
- color: var(--sapField_PlaceholderTextColor,#999)
1108
- }
1109
- .t43 textarea::placeholder {
1110
- font-style: italic;
1111
- color: #999;
1112
- color: #999;
1113
- color: var(--sapField_PlaceholderTextColor,#999)
1114
- }
1115
- .t43 textarea::-moz-selection {
1116
- color: #fff;
1117
- color: #fff;
1118
- color: var(--sapContent_ContrastTextColor,#fff);
1119
- background-color: #0f5d94;
1120
- background-color: #0f5d94;
1121
- background-color: var(--sapSelectedColor,#0f5d94)
1122
- }
1123
- .t43 textarea::selection {
1124
- color: #fff;
1125
- color: #fff;
1126
- color: var(--sapContent_ContrastTextColor,#fff);
1127
- background-color: #0f5d94;
1128
- background-color: #0f5d94;
1129
- background-color: var(--sapSelectedColor,#0f5d94)
1130
- }
1131
- .t43 textarea.is-hover,
1132
- .t43 textarea:hover {
1133
- background-color: #000;
1134
- background-color: #000;
1135
- background-color: var(--sapField_Hover_Background,#000);
1136
- border-color: #fff;
1137
- border-color: #fff;
1138
- border-color: var(--sapField_Hover_BorderColor,#fff)
1139
- }
1140
- .t43 textarea.is-success {
1141
- background-color: #000;
1142
- background-color: #000;
1143
- background-color: var(--sapField_SuccessBackground,#000);
1144
- border-color: #fff;
1145
- border-color: #fff;
1146
- border-color: var(--sapField_SuccessColor,#fff);
1147
- border-width: .0625rem
1148
- }
1149
- .t43 textarea.is-success.is-hover,
1150
- .t43 textarea.is-success:hover {
1151
- background-color: #000;
1152
- background-color: #000;
1153
- background-color: var(--sapField_SuccessBackground,#000);
1154
- border-color: #fff;
1155
- border-color: #fff;
1156
- border-color: var(--sapField_SuccessColor,#fff)
1157
- }
1158
- .t43 textarea.is-error {
1159
- background-color: #7a5100;
1160
- background-color: #7a5100;
1161
- background-color: var(--sapField_InvalidBackground,#7a5100);
1162
- border-color: #fff;
1163
- border-color: #fff;
1164
- border-color: var(--sapField_InvalidColor,#fff);
1165
- font-style: italic;
1166
- font-style: italic;
1167
- font-style: var(--fdInput_State_Text_Style,italic);
1168
- font-weight: 700;
1169
- font-weight: bold;
1170
- font-weight: var(--fdInput_State_Font_Weight,bold)
1171
- }
1172
- .t43 textarea.is-error.is-hover,
1173
- .t43 textarea.is-error:hover {
1174
- background-color: #7a5100;
1175
- background-color: #7a5100;
1176
- background-color: var(--sapField_InvalidBackground,#7a5100);
1177
- border-color: #fff;
1178
- border-color: #fff;
1179
- border-color: var(--sapField_InvalidColor,#fff)
1180
- }
1181
- .t43 textarea.is-alert,
1182
- .t43 textarea.is-warning {
1183
- background-color: #000;
1184
- background-color: #000;
1185
- background-color: var(--sapField_WarningBackground,#000);
1186
- border-color: #fff;
1187
- border-color: #fff;
1188
- border-color: var(--sapField_WarningColor,#fff);
1189
- font-style: italic;
1190
- font-style: italic;
1191
- font-style: var(--fdInput_State_Text_Style,italic);
1192
- font-weight: 700;
1193
- font-weight: bold;
1194
- font-weight: var(--fdInput_State_Font_Weight,bold)
1195
- }
1196
- .t43 textarea.is-alert.is-hover,
1197
- .t43 textarea.is-alert:hover,
1198
- .t43 textarea.is-warning.is-hover,
1199
- .t43 textarea.is-warning:hover {
1200
- background-color: #000;
1201
- background-color: #000;
1202
- background-color: var(--sapField_WarningBackground,#000);
1203
- border-color: #fff;
1204
- border-color: #fff;
1205
- border-color: var(--sapField_WarningColor,#fff)
1206
- }
1207
- .t43 textarea.is-information {
1208
- background-color: #000;
1209
- background-color: #000;
1210
- background-color: var(--sapField_InformationBackground,#000);
1211
- border-color: #fff;
1212
- border-color: #fff;
1213
- border-color: var(--sapField_InformationColor,#fff)
1214
- }
1215
- .t43 textarea.is-information.is-hover,
1216
- .t43 textarea.is-information:hover {
1217
- background-color: #000;
1218
- background-color: #000;
1219
- background-color: var(--sapField_InformationBackground,#000);
1220
- border-color: #fff;
1221
- border-color: #fff;
1222
- border-color: var(--sapField_InformationColor,#fff)
1223
- }
1224
- .t43 textarea.is-focus,
1225
- .t43 textarea:focus {
1226
- z-index: 5;
1227
- -webkit-box-shadow: none;
1228
- box-shadow: none;
1229
- outline-offset: -.1875rem;
1230
- outline-width: .125rem;
1231
- outline-width: .125rem;
1232
- outline-width: var(--sapContent_FocusWidth,.125rem);
1233
- outline-color: #fff;
1234
- outline-color: #fff;
1235
- outline-color: var(--sapContent_FocusColor,#fff);
1236
- outline-style: dotted;
1237
- outline-style: dotted;
1238
- outline-style: var(--sapContent_FocusStyle,dotted)
1239
- }
1240
- .t43 textarea.is-alert,
1241
- .t43 textarea.is-error,
1242
- .t43 textarea.is-information,
1243
- .t43 textarea.is-warning {
1244
- border-width: .125rem;
1245
- border-style: dashed;
1246
- border-style: dashed;
1247
- border-style: var(--fdInput_State_Border_Type,dashed)
1248
- }
1249
- .t43 textarea.is-alert.is-focus,
1250
- .t43 textarea.is-alert:focus,
1251
- .t43 textarea.is-error.is-focus,
1252
- .t43 textarea.is-error:focus,
1253
- .t43 textarea.is-information.is-focus,
1254
- .t43 textarea.is-information:focus,
1255
- .t43 textarea.is-warning.is-focus,
1256
- .t43 textarea.is-warning:focus {
1257
- z-index: 5;
1258
- -webkit-box-shadow: none;
1259
- box-shadow: none;
1260
- outline-offset: -.25rem
1261
- }
1262
- .t43 textarea.is-disabled,
1263
- .t43 textarea:disabled,
1264
- .t43 textarea[aria-disabled=true] {
1265
- pointer-events: none;
1266
- opacity: .4;
1267
- opacity: .4;
1268
- opacity: var(--sapContent_DisabledOpacity,.4)
1269
- }
1270
- .t43 textarea.is-disabled::-webkit-input-placeholder,
1271
- .t43 textarea:disabled::-webkit-input-placeholder,
1272
- .t43 textarea[aria-disabled=true]::-webkit-input-placeholder {
1273
- color: transparent
1274
- }
1275
- .t43 textarea.is-disabled::-moz-placeholder,
1276
- .t43 textarea:disabled::-moz-placeholder,
1277
- .t43 textarea[aria-disabled=true]::-moz-placeholder {
1278
- color: transparent
1279
- }
1280
- .t43 textarea.is-disabled:-ms-input-placeholder,
1281
- .t43 textarea:disabled:-ms-input-placeholder,
1282
- .t43 textarea[aria-disabled=true]:-ms-input-placeholder {
1283
- color: transparent
1284
- }
1285
- .t43 textarea.is-disabled::-ms-input-placeholder,
1286
- .t43 textarea:disabled::-ms-input-placeholder,
1287
- .t43 textarea[aria-disabled=true]::-ms-input-placeholder {
1288
- color: transparent
1289
- }
1290
- .t43 textarea.is-disabled::-webkit-input-placeholder,
1291
- .t43 textarea:disabled::-webkit-input-placeholder,
1292
- .t43 textarea[aria-disabled=true]::-webkit-input-placeholder {
1293
- color: transparent
1294
- }
1295
- .t43 textarea.is-disabled::-moz-placeholder,
1296
- .t43 textarea:disabled::-moz-placeholder,
1297
- .t43 textarea[aria-disabled=true]::-moz-placeholder {
1298
- color: transparent
1299
- }
1300
- .t43 textarea.is-disabled:-ms-input-placeholder,
1301
- .t43 textarea:disabled:-ms-input-placeholder,
1302
- .t43 textarea[aria-disabled=true]:-ms-input-placeholder {
1303
- color: transparent
1304
- }
1305
- .t43 textarea.is-disabled::-ms-input-placeholder,
1306
- .t43 textarea:disabled::-ms-input-placeholder,
1307
- .t43 textarea[aria-disabled=true]::-ms-input-placeholder {
1308
- color: transparent
1309
- }
1310
- .t43 textarea.is-disabled::placeholder,
1311
- .t43 textarea:disabled::placeholder,
1312
- .t43 textarea[aria-disabled=true]::placeholder {
1313
- color: transparent
1314
- }
1315
- .t43 textarea.is-readonly,
1316
- .t43 textarea[aria-readonly=true],
1317
- .t43 textarea[readonly] {
1318
- background-color: rgba(242,242,242,.5);
1319
- background-color: #585858;
1320
- background-color: #585858;
1321
- background-color: var(--sapField_ReadOnly_Background,#585858);
1322
- border-color: #999;
1323
- border-color: #999;
1324
- border-color: var(--sapField_ReadOnly_BorderColor,#999)
1325
- }
1326
- .t43 textarea.is-readonly::-webkit-input-placeholder,
1327
- .t43 textarea[aria-readonly=true]::-webkit-input-placeholder,
1328
- .t43 textarea[readonly]::-webkit-input-placeholder {
1329
- color: transparent
1330
- }
1331
- .t43 textarea.is-readonly::-moz-placeholder,
1332
- .t43 textarea[aria-readonly=true]::-moz-placeholder,
1333
- .t43 textarea[readonly]::-moz-placeholder {
1334
- color: transparent
1335
- }
1336
- .t43 textarea.is-readonly:-ms-input-placeholder,
1337
- .t43 textarea[aria-readonly=true]:-ms-input-placeholder,
1338
- .t43 textarea[readonly]:-ms-input-placeholder {
1339
- color: transparent
1340
- }
1341
- .t43 textarea.is-readonly::-ms-input-placeholder,
1342
- .t43 textarea[aria-readonly=true]::-ms-input-placeholder,
1343
- .t43 textarea[readonly]::-ms-input-placeholder {
1344
- color: transparent
1345
- }
1346
- .t43 textarea.is-readonly::-webkit-input-placeholder,
1347
- .t43 textarea[aria-readonly=true]::-webkit-input-placeholder,
1348
- .t43 textarea[readonly]::-webkit-input-placeholder {
1349
- color: transparent
1350
- }
1351
- .t43 textarea.is-readonly::-moz-placeholder,
1352
- .t43 textarea[aria-readonly=true]::-moz-placeholder,
1353
- .t43 textarea[readonly]::-moz-placeholder {
1354
- color: transparent
1355
- }
1356
- .t43 textarea.is-readonly:-ms-input-placeholder,
1357
- .t43 textarea[aria-readonly=true]:-ms-input-placeholder,
1358
- .t43 textarea[readonly]:-ms-input-placeholder {
1359
- color: transparent
1360
- }
1361
- .t43 textarea.is-readonly::-ms-input-placeholder,
1362
- .t43 textarea[aria-readonly=true]::-ms-input-placeholder,
1363
- .t43 textarea[readonly]::-ms-input-placeholder {
1364
- color: transparent
1365
- }
1366
- .t43 textarea.is-readonly::placeholder,
1367
- .t43 textarea[aria-readonly=true]::placeholder,
1368
- .t43 textarea[readonly]::placeholder {
1369
- color: transparent
1370
- }
1371
- .t43 a {
1372
- font-size: .875rem;
1373
- font-size: .875rem;
1374
- font-size: var(--sapFontSize,.875rem);
1375
- line-height: 1.4;
1376
- line-height: 1.4;
1377
- line-height: var(--sapContent_LineHeight,1.4);
1378
- color: #fff;
1379
- color: #fff;
1380
- color: var(--sapTextColor,#fff);
1381
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1382
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1383
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1384
- font-weight: 400;
1385
- -webkit-box-sizing: border-box;
1386
- box-sizing: border-box;
1387
- padding: 0;
1388
- margin: 0;
1389
- border: 0;
1390
- color: #fff;
1391
- color: #fff;
1392
- color: var(--sapLinkColor,#fff);
1393
- -webkit-text-decoration: underline;
1394
- -webkit-text-decoration: underline;
1395
- -webkit-text-decoration: var(--fdLink_Text_Decoration,underline);
1396
- text-decoration: underline;
1397
- text-decoration: underline;
1398
- text-decoration: var(--fdLink_Text_Decoration,underline);
1399
- text-shadow: -1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
1400
- text-shadow: -1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
1401
- text-shadow: var(--sapContent_TextShadow,-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000);
1402
- display: inline-block;
1403
- -webkit-transition: all 125ms ease-in;
1404
- transition: all 125ms ease-in;
1405
- line-height: inherit
1406
- }
1407
- .t43 a::after,
1408
- .t43 a::before {
1409
- -webkit-box-sizing: inherit;
1410
- box-sizing: inherit;
1411
- font-size: inherit
1412
- }
1413
- .t43 a--emphasized {
1414
- font-weight: 700
1415
- }
1416
- .t43 a:visited {
1417
- color: #fff;
1418
- color: #fff;
1419
- color: var(--sapLink_Visited_Color,#fff)
1420
- }
1421
- .t43 a.is-hover,
1422
- .t43 a:hover {
1423
- color: #fff;
1424
- color: #fff;
1425
- color: var(--sapLink_Hover_Color,#fff);
1426
- -webkit-text-decoration: none;
1427
- -webkit-text-decoration: none;
1428
- -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
1429
- text-decoration: none;
1430
- text-decoration: none;
1431
- text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
1432
- }
1433
- .t43 a.is-focus,
1434
- .t43 a:focus {
1435
- z-index: 5;
1436
- -webkit-box-shadow: none;
1437
- box-shadow: none;
1438
- outline-offset: -.0625rem;
1439
- outline-width: .125rem;
1440
- outline-width: .125rem;
1441
- outline-width: var(--sapContent_FocusWidth,.125rem);
1442
- outline-color: #fff;
1443
- outline-color: #fff;
1444
- outline-color: var(--sapContent_FocusColor,#fff);
1445
- outline-style: dotted;
1446
- outline-style: dotted;
1447
- outline-style: var(--sapContent_FocusStyle,dotted);
1448
- -webkit-text-decoration: none;
1449
- -webkit-text-decoration: none;
1450
- -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
1451
- text-decoration: none;
1452
- text-decoration: none;
1453
- text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
1454
- }
1455
- .t43 a.is-active,
1456
- .t43 a:active {
1457
- color: #fff;
1458
- color: #fff;
1459
- color: var(--sapLink_Active_Color,#fff);
1460
- -webkit-text-decoration: none;
1461
- -webkit-text-decoration: none;
1462
- -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
1463
- text-decoration: none;
1464
- text-decoration: none;
1465
- text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
1466
- }
1467
- .t43 a--inverted {
1468
- color: #fff;
1469
- color: #fff;
1470
- color: var(--sapLink_InvertedColor,#fff);
1471
- text-shadow: none
1472
- }
1473
- .t43 a--inverted.is-hover,
1474
- .t43 a--inverted:hover {
1475
- color: #fff;
1476
- color: #fff;
1477
- color: var(--sapLink_InvertedColor,#fff)
1478
- }
1479
- .t43 a--subtle {
1480
- color: #fff;
1481
- color: #fff;
1482
- color: var(--sapLink_SubtleColor,#fff)
1483
- }
1484
- .t43 a.is-disabled,
1485
- .t43 a:disabled,
1486
- .t43 a[aria-disabled=true] {
1487
- opacity: .4;
1488
- opacity: .4;
1489
- opacity: var(--sapContent_DisabledOpacity,.4);
1490
- color: #fff;
1491
- color: #fff;
1492
- color: var(--sapLinkColor,#fff);
1493
- pointer-events: none
1494
- }
1495
- .t43 ol,
1496
- .t43 ul {
1497
- font-size: .875rem;
1498
- font-size: .875rem;
1499
- font-size: var(--sapFontSize,.875rem);
1500
- line-height: 1.4;
1501
- line-height: 1.4;
1502
- line-height: var(--sapContent_LineHeight,1.4);
1503
- color: #fff;
1504
- color: #fff;
1505
- color: var(--sapTextColor,#fff);
1506
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1507
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1508
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1509
- font-weight: 400;
1510
- -webkit-box-sizing: border-box;
1511
- box-sizing: border-box;
1512
- padding: 0;
1513
- margin: 0;
1514
- border: 0;
1515
- position: relative;
1516
- list-style: none;
1517
- width: 100%;
1518
- text-shadow: 0 0 .125rem #000;
1519
- text-shadow: 0 0 .125rem #000;
1520
- text-shadow: var(--fdListBase_Text_Shadow,0 0 .125rem #000)
1521
- }
1522
- .t43 ol::after,
1523
- .t43 ol::before,
1524
- .t43 ul::after,
1525
- .t43 ul::before {
1526
- -webkit-box-sizing: inherit;
1527
- box-sizing: inherit;
1528
- font-size: inherit
1529
- }
1530
- .t43 ol > li,
1531
- .t43 ul > li {
1532
- font-size: .875rem;
1533
- font-size: .875rem;
1534
- font-size: var(--sapFontSize,.875rem);
1535
- line-height: 1.4;
1536
- line-height: 1.4;
1537
- line-height: var(--sapContent_LineHeight,1.4);
1538
- color: #fff;
1539
- color: #fff;
1540
- color: var(--sapTextColor,#fff);
1541
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1542
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1543
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1544
- font-weight: 400;
1545
- -webkit-box-sizing: border-box;
1546
- box-sizing: border-box;
1547
- padding: 0;
1548
- margin: 0;
1549
- border: 0;
1550
- display: -webkit-box;
1551
- display: -ms-flexbox;
1552
- display: flex;
1553
- -webkit-box-align: center;
1554
- -ms-flex-align: center;
1555
- align-items: center;
1556
- padding: 0 1rem;
1557
- height: 2.75rem;
1558
- border-bottom: .0625rem solid #999;
1559
- border-bottom: .0625rem solid #999;
1560
- border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#999);
1561
- background: #000;
1562
- background: #000;
1563
- background: var(--sapList_Background,#000);
1564
- position: relative
1565
- }
1566
- .t43 ol > li::after,
1567
- .t43 ol > li::before,
1568
- .t43 ul > li::after,
1569
- .t43 ul > li::before {
1570
- -webkit-box-sizing: inherit;
1571
- box-sizing: inherit;
1572
- font-size: inherit
1573
- }
1574
- .t43 ol > li.is-focus,
1575
- .t43 ol > li:focus,
1576
- .t43 ul > li.is-focus,
1577
- .t43 ul > li:focus {
1578
- outline: 0
1579
- }
1580
- .t43 ol > li.is-focus::before,
1581
- .t43 ol > li:focus::before,
1582
- .t43 ul > li.is-focus::before,
1583
- .t43 ul > li:focus::before {
1584
- content: '';
1585
- position: absolute;
1586
- display: block;
1587
- border: .125rem dotted #fff;
1588
- border: .125rem dotted #fff;
1589
- border: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
1590
- top: .125rem;
1591
- left: .125rem;
1592
- right: .125rem;
1593
- bottom: .125rem;
1594
- pointer-events: none
1595
- }
1596
- .t43 ol > li.is-focus.is-active::before,
1597
- .t43 ol > li.is-focus:active::before,
1598
- .t43 ol > li:focus.is-active::before,
1599
- .t43 ol > li:focus:active::before,
1600
- .t43 ul > li.is-focus.is-active::before,
1601
- .t43 ul > li.is-focus:active::before,
1602
- .t43 ul > li:focus.is-active::before,
1603
- .t43 ul > li:focus:active::before {
1604
- border: .125rem dotted #fff;
1605
- border: .125rem dotted #fff;
1606
- border: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_ContrastFocusColor,#fff)
1607
- }
1608
- .t43 label {
1609
- font-size: .875rem;
1610
- font-size: .875rem;
1611
- font-size: var(--sapFontSize,.875rem);
1612
- line-height: 1.4;
1613
- line-height: 1.4;
1614
- line-height: var(--sapContent_LineHeight,1.4);
1615
- color: #fff;
1616
- color: #fff;
1617
- color: var(--sapTextColor,#fff);
1618
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1619
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1620
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1621
- font-weight: 400;
1622
- -webkit-box-sizing: border-box;
1623
- box-sizing: border-box;
1624
- padding: 0;
1625
- margin: 0;
1626
- border: 0;
1627
- white-space: nowrap;
1628
- overflow: hidden;
1629
- text-overflow: ellipsis;
1630
- width: -webkit-fit-content;
1631
- width: -moz-fit-content;
1632
- width: fit-content;
1633
- position: relative;
1634
- max-width: 100%;
1635
- font-size: .875rem;
1636
- font-size: .875rem;
1637
- font-size: var(--sapFontSize,.875rem);
1638
- color: #fff;
1639
- color: #fff;
1640
- color: var(--sapContent_LabelColor,#fff);
1641
- margin-right: .5rem;
1642
- cursor: text;
1643
- -ms-flex-item-align: start;
1644
- align-self: flex-start
1645
- }
1646
- .t43 label::after,
1647
- .t43 label::before {
1648
- -webkit-box-sizing: inherit;
1649
- box-sizing: inherit;
1650
- font-size: inherit
1651
- }
1652
- .t43 label[dir=rtl],
1653
- [dir=rtl] .t43 label {
1654
- margin-left: .5rem;
1655
- margin-right: 0
1656
- }
1657
- .t43 form {
1658
- font-size: .875rem;
1659
- font-size: .875rem;
1660
- font-size: var(--sapFontSize,.875rem);
1661
- line-height: 1.4;
1662
- line-height: 1.4;
1663
- line-height: var(--sapContent_LineHeight,1.4);
1664
- color: #fff;
1665
- color: #fff;
1666
- color: var(--sapTextColor,#fff);
1667
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1668
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1669
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1670
- font-weight: 400;
1671
- -webkit-box-sizing: border-box;
1672
- box-sizing: border-box;
1673
- padding: 0;
1674
- margin: 0;
1675
- border: 0;
1676
- min-inline-size: auto
1677
- }
1678
- .t43 form::after,
1679
- .t43 form::before {
1680
- -webkit-box-sizing: inherit;
1681
- box-sizing: inherit;
1682
- font-size: inherit
1683
- }
1684
- .t43 form:last-child {
1685
- margin-bottom: 0
1686
- }
1687
- .t43 form > div {
1688
- font-size: .875rem;
1689
- font-size: .875rem;
1690
- font-size: var(--sapFontSize,.875rem);
1691
- line-height: 1.4;
1692
- line-height: 1.4;
1693
- line-height: var(--sapContent_LineHeight,1.4);
1694
- color: #fff;
1695
- color: #fff;
1696
- color: var(--sapTextColor,#fff);
1697
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1698
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1699
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1700
- font-weight: 400;
1701
- -webkit-box-sizing: border-box;
1702
- box-sizing: border-box;
1703
- padding: 0;
1704
- margin: 0;
1705
- border: 0;
1706
- position: relative;
1707
- display: -webkit-box;
1708
- display: -ms-flexbox;
1709
- display: flex;
1710
- -ms-flex-line-pack: center;
1711
- align-content: center;
1712
- -webkit-box-orient: vertical;
1713
- -webkit-box-direction: normal;
1714
- -ms-flex-direction: column;
1715
- flex-direction: column
1716
- }
1717
- .t43 form > div::after,
1718
- .t43 form > div::before {
1719
- -webkit-box-sizing: inherit;
1720
- box-sizing: inherit;
1721
- font-size: inherit
1722
- }
1723
- .t43 input[type=radio]:not(:only-child) {
1724
- position: absolute;
1725
- opacity: .0001
1726
- }
1727
- .t43 input[type=radio] {
1728
- font-size: .875rem;
1729
- font-size: .875rem;
1730
- font-size: var(--sapFontSize,.875rem);
1731
- line-height: 1.4;
1732
- line-height: 1.4;
1733
- line-height: var(--sapContent_LineHeight,1.4);
1734
- color: #fff;
1735
- color: #fff;
1736
- color: var(--sapTextColor,#fff);
1737
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1738
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1739
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1740
- font-weight: 400;
1741
- -webkit-box-sizing: border-box;
1742
- box-sizing: border-box;
1743
- padding: 0;
1744
- margin: 0;
1745
- border: 0
1746
- }
1747
- .t43 input[type=radio]::after,
1748
- .t43 input[type=radio]::before {
1749
- -webkit-box-sizing: inherit;
1750
- box-sizing: inherit;
1751
- font-size: inherit
1752
- }
1753
- .t43 input[type=radio] + label {
1754
- font-size: .875rem;
1755
- font-size: .875rem;
1756
- font-size: var(--sapFontSize,.875rem);
1757
- line-height: 1.4;
1758
- line-height: 1.4;
1759
- line-height: var(--sapContent_LineHeight,1.4);
1760
- color: #fff;
1761
- color: #fff;
1762
- color: var(--sapTextColor,#fff);
1763
- font-family: "72","72full",Arial,Helvetica,sans-serif;
1764
- font-family: "72", "72full", Arial, Helvetica, sans-serif;
1765
- font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
1766
- font-weight: 400;
1767
- -webkit-box-sizing: border-box;
1768
- box-sizing: border-box;
1769
- padding: 0;
1770
- margin: 0;
1771
- border: 0;
1772
- white-space: nowrap;
1773
- overflow: hidden;
1774
- text-overflow: ellipsis;
1775
- width: -webkit-fit-content;
1776
- width: -moz-fit-content;
1777
- width: fit-content;
1778
- position: relative;
1779
- max-width: 100%;
1780
- font-size: .875rem;
1781
- font-size: .875rem;
1782
- font-size: var(--sapFontSize,.875rem);
1783
- color: #fff;
1784
- color: #fff;
1785
- color: var(--sapContent_LabelColor,#fff);
1786
- margin-right: .5rem;
1787
- cursor: text;
1788
- -ms-flex-item-align: start;
1789
- align-self: flex-start;
1790
- cursor: pointer;
1791
- line-height: 1rem;
1792
- display: -webkit-box;
1793
- display: -ms-flexbox;
1794
- display: flex;
1795
- -webkit-box-align: center;
1796
- -ms-flex-align: center;
1797
- align-items: center;
1798
- overflow: hidden;
1799
- padding: .6875rem
1800
- }
1801
- .t43 input[type=radio] + label::after,
1802
- .t43 input[type=radio] + label::before {
1803
- -webkit-box-sizing: inherit;
1804
- box-sizing: inherit;
1805
- font-size: inherit
1806
- }
1807
- .t43 input[type=radio] + label[dir=rtl],
1808
- [dir=rtl] .t43 input[type=radio] + label {
1809
- margin-left: .5rem;
1810
- margin-right: 0
1811
- }
1812
- .t43 input[type=radio] + label::before {
1813
- content: "";
1814
- padding-top: .0625rem;
1815
- height: 1.375rem;
1816
- width: 1.375rem;
1817
- min-width: 1.375rem;
1818
- font-size: .6875rem;
1819
- display: -webkit-inline-box;
1820
- display: -ms-inline-flexbox;
1821
- display: inline-flex;
1822
- -webkit-box-pack: center;
1823
- -ms-flex-pack: center;
1824
- justify-content: center;
1825
- -webkit-box-align: center;
1826
- -ms-flex-align: center;
1827
- align-items: center;
1828
- font-family: SAP-icons;
1829
- background-color: #000;
1830
- background-color: #000;
1831
- background-color: var(--sapField_Background,#000);
1832
- margin-right: .6875rem;
1833
- color: #0f5d94;
1834
- color: #0f5d94;
1835
- color: var(--sapSelectedColor,#0f5d94);
1836
- border: .0625rem solid #fff;
1837
- border: .0625rem solid #fff;
1838
- border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#fff);
1839
- border-radius: 50%
1840
- }
1841
- .t43 input[type=radio] + label.is-hover::before,
1842
- .t43 input[type=radio] + label:hover::before {
1843
- background-color: #000;
1844
- background-color: #000;
1845
- background-color: var(--sapField_Hover_Background,#000);
1846
- border-color: #fff;
1847
- border-color: #fff;
1848
- border-color: var(--sapField_Hover_BorderColor,#fff)
1849
- }
1850
- .t43 input[type=radio] + label[dir=rtl]::before,
1851
- [dir=rtl] .t43 input[type=radio] + label::before {
1852
- margin-left: .6875rem;
1853
- margin-right: 0
1854
- }
1855
- .t43 input[type=radio] + label.is-empty,
1856
- .t43 input[type=radio] + label:empty {
1857
- padding: .6875rem;
1858
- margin: 0
1859
- }
1860
- .t43 input[type=radio] + label.is-empty::after,
1861
- .t43 input[type=radio] + label.is-empty::before,
1862
- .t43 input[type=radio] + label:empty::after,
1863
- .t43 input[type=radio] + label:empty::before {
1864
- margin-right: 0;
1865
- margin-left: 0
1866
- }
1867
- .t43 input[type=radio]:checked + label::before {
1868
- content: "\e255"
1869
- }
1870
- .t43 input[type=radio].is-focus,
1871
- .t43 input[type=radio]:focus {
1872
- z-index: 5
1873
- }
1874
- .t43 input[type=radio].is-focus + label,
1875
- .t43 input[type=radio]:focus + label {
1876
- outline: .125rem dotted #fff;
1877
- outline: .125rem dotted #fff;
1878
- outline: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
1879
- outline-offset: -.5625rem
1880
- }
1881
- .t43 input[type=radio].is-disabled,
1882
- .t43 input[type=radio]:disabled,
1883
- .t43 input[type=radio][aria-disabled=true] {
1884
- opacity: .0001
1885
- }
1886
- .t43 input[type=radio].is-disabled + label,
1887
- .t43 input[type=radio]:disabled + label,
1888
- .t43 input[type=radio][aria-disabled=true] + label {
1889
- pointer-events: none;
1890
- opacity: .4
1891
- }