@instructure/ui-themes 11.7.10 → 11.7.11-snapshot-4

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 (345) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/themes/newThemeTokens/componentTypes/imageCard.js +1 -0
  3. package/es/themes/newThemeTokens/componentTypes/mainNav.js +1 -0
  4. package/es/themes/newThemeTokens/componentTypes/mainNavAccountItem.js +1 -0
  5. package/es/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.js +1 -0
  6. package/es/themes/newThemeTokens/componentTypes/mainNavItem.js +1 -0
  7. package/es/themes/newThemeTokens/componentTypes/stepItem.js +1 -0
  8. package/es/themes/newThemeTokens/componentTypes/stepper.js +1 -0
  9. package/es/themes/newThemeTokens/componentTypes/subNav.js +1 -0
  10. package/es/themes/newThemeTokens/componentTypes/subNavItem.js +1 -0
  11. package/es/themes/newThemeTokens/dark/components/alert.js +3 -1
  12. package/es/themes/newThemeTokens/dark/components/globalNav.js +57 -0
  13. package/es/themes/newThemeTokens/dark/components/imageCard.js +64 -0
  14. package/es/themes/newThemeTokens/dark/components/mainNav.js +31 -0
  15. package/es/themes/newThemeTokens/dark/components/mainNavAccountItem.js +41 -0
  16. package/es/themes/newThemeTokens/dark/components/mainNavInstitutionLogo.js +31 -0
  17. package/es/themes/newThemeTokens/dark/components/mainNavItem.js +47 -0
  18. package/es/themes/newThemeTokens/dark/components/pill.js +3 -2
  19. package/es/themes/newThemeTokens/dark/components/stepItem.js +32 -0
  20. package/es/themes/newThemeTokens/dark/components/stepper.js +50 -0
  21. package/es/themes/newThemeTokens/dark/components/subNav.js +35 -0
  22. package/es/themes/newThemeTokens/dark/components/subNavItem.js +37 -0
  23. package/es/themes/newThemeTokens/dark/index.js +20 -2
  24. package/es/themes/newThemeTokens/dark/semantics.js +1 -1
  25. package/es/themes/newThemeTokens/legacyCanvas/components/alert.js +3 -1
  26. package/es/themes/newThemeTokens/legacyCanvas/components/globalNav.js +57 -0
  27. package/es/themes/newThemeTokens/legacyCanvas/components/imageCard.js +64 -0
  28. package/es/themes/newThemeTokens/legacyCanvas/components/mainNav.js +31 -0
  29. package/es/themes/newThemeTokens/legacyCanvas/components/mainNavAccountItem.js +41 -0
  30. package/es/themes/newThemeTokens/legacyCanvas/components/mainNavInstitutionLogo.js +31 -0
  31. package/es/themes/newThemeTokens/legacyCanvas/components/mainNavItem.js +47 -0
  32. package/es/themes/newThemeTokens/legacyCanvas/components/pill.js +5 -4
  33. package/es/themes/newThemeTokens/legacyCanvas/components/stepItem.js +32 -0
  34. package/es/themes/newThemeTokens/legacyCanvas/components/stepper.js +50 -0
  35. package/es/themes/newThemeTokens/legacyCanvas/components/subNav.js +35 -0
  36. package/es/themes/newThemeTokens/legacyCanvas/components/subNavItem.js +37 -0
  37. package/es/themes/newThemeTokens/legacyCanvas/index.js +20 -2
  38. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +3 -1
  39. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/globalNav.js +57 -0
  40. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/imageCard.js +64 -0
  41. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNav.js +31 -0
  42. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavAccountItem.js +41 -0
  43. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavInstitutionLogo.js +31 -0
  44. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavItem.js +47 -0
  45. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +5 -4
  46. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/stepItem.js +32 -0
  47. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/stepper.js +50 -0
  48. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/subNav.js +35 -0
  49. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/subNavItem.js +37 -0
  50. package/es/themes/newThemeTokens/legacyCanvasHighContrast/index.js +20 -2
  51. package/es/themes/newThemeTokens/light/components/alert.js +3 -1
  52. package/es/themes/newThemeTokens/light/components/globalNav.js +57 -0
  53. package/es/themes/newThemeTokens/light/components/imageCard.js +64 -0
  54. package/es/themes/newThemeTokens/light/components/mainNav.js +31 -0
  55. package/es/themes/newThemeTokens/light/components/mainNavAccountItem.js +41 -0
  56. package/es/themes/newThemeTokens/light/components/mainNavInstitutionLogo.js +31 -0
  57. package/es/themes/newThemeTokens/light/components/mainNavItem.js +47 -0
  58. package/es/themes/newThemeTokens/light/components/pill.js +3 -2
  59. package/es/themes/newThemeTokens/light/components/stepItem.js +32 -0
  60. package/es/themes/newThemeTokens/light/components/stepper.js +50 -0
  61. package/es/themes/newThemeTokens/light/components/subNav.js +35 -0
  62. package/es/themes/newThemeTokens/light/components/subNavItem.js +37 -0
  63. package/es/themes/newThemeTokens/light/index.js +20 -2
  64. package/lib/themes/newThemeTokens/componentTypes/imageCard.js +5 -0
  65. package/lib/themes/newThemeTokens/componentTypes/mainNav.js +5 -0
  66. package/lib/themes/newThemeTokens/componentTypes/mainNavAccountItem.js +5 -0
  67. package/lib/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.js +5 -0
  68. package/lib/themes/newThemeTokens/componentTypes/mainNavItem.js +5 -0
  69. package/lib/themes/newThemeTokens/componentTypes/stepItem.js +5 -0
  70. package/lib/themes/newThemeTokens/componentTypes/stepper.js +5 -0
  71. package/lib/themes/newThemeTokens/componentTypes/subNav.js +5 -0
  72. package/lib/themes/newThemeTokens/componentTypes/subNavItem.js +5 -0
  73. package/lib/themes/newThemeTokens/dark/components/alert.js +3 -1
  74. package/lib/themes/newThemeTokens/dark/components/globalNav.js +63 -0
  75. package/lib/themes/newThemeTokens/dark/components/imageCard.js +70 -0
  76. package/lib/themes/newThemeTokens/dark/components/mainNav.js +37 -0
  77. package/lib/themes/newThemeTokens/dark/components/mainNavAccountItem.js +47 -0
  78. package/lib/themes/newThemeTokens/dark/components/mainNavInstitutionLogo.js +37 -0
  79. package/lib/themes/newThemeTokens/dark/components/mainNavItem.js +53 -0
  80. package/lib/themes/newThemeTokens/dark/components/pill.js +3 -2
  81. package/lib/themes/newThemeTokens/dark/components/stepItem.js +38 -0
  82. package/lib/themes/newThemeTokens/dark/components/stepper.js +56 -0
  83. package/lib/themes/newThemeTokens/dark/components/subNav.js +41 -0
  84. package/lib/themes/newThemeTokens/dark/components/subNavItem.js +43 -0
  85. package/lib/themes/newThemeTokens/dark/index.js +20 -2
  86. package/lib/themes/newThemeTokens/dark/semantics.js +1 -1
  87. package/lib/themes/newThemeTokens/legacyCanvas/components/alert.js +3 -1
  88. package/lib/themes/newThemeTokens/legacyCanvas/components/globalNav.js +63 -0
  89. package/lib/themes/newThemeTokens/legacyCanvas/components/imageCard.js +70 -0
  90. package/lib/themes/newThemeTokens/legacyCanvas/components/mainNav.js +37 -0
  91. package/lib/themes/newThemeTokens/legacyCanvas/components/mainNavAccountItem.js +47 -0
  92. package/lib/themes/newThemeTokens/legacyCanvas/components/mainNavInstitutionLogo.js +37 -0
  93. package/lib/themes/newThemeTokens/legacyCanvas/components/mainNavItem.js +53 -0
  94. package/lib/themes/newThemeTokens/legacyCanvas/components/pill.js +5 -4
  95. package/lib/themes/newThemeTokens/legacyCanvas/components/stepItem.js +38 -0
  96. package/lib/themes/newThemeTokens/legacyCanvas/components/stepper.js +56 -0
  97. package/lib/themes/newThemeTokens/legacyCanvas/components/subNav.js +41 -0
  98. package/lib/themes/newThemeTokens/legacyCanvas/components/subNavItem.js +43 -0
  99. package/lib/themes/newThemeTokens/legacyCanvas/index.js +20 -2
  100. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +3 -1
  101. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/globalNav.js +63 -0
  102. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/imageCard.js +70 -0
  103. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNav.js +37 -0
  104. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavAccountItem.js +47 -0
  105. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavInstitutionLogo.js +37 -0
  106. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavItem.js +53 -0
  107. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +5 -4
  108. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/stepItem.js +38 -0
  109. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/stepper.js +56 -0
  110. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/subNav.js +41 -0
  111. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/subNavItem.js +43 -0
  112. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/index.js +20 -2
  113. package/lib/themes/newThemeTokens/light/components/alert.js +3 -1
  114. package/lib/themes/newThemeTokens/light/components/globalNav.js +63 -0
  115. package/lib/themes/newThemeTokens/light/components/imageCard.js +70 -0
  116. package/lib/themes/newThemeTokens/light/components/mainNav.js +37 -0
  117. package/lib/themes/newThemeTokens/light/components/mainNavAccountItem.js +47 -0
  118. package/lib/themes/newThemeTokens/light/components/mainNavInstitutionLogo.js +37 -0
  119. package/lib/themes/newThemeTokens/light/components/mainNavItem.js +53 -0
  120. package/lib/themes/newThemeTokens/light/components/pill.js +3 -2
  121. package/lib/themes/newThemeTokens/light/components/stepItem.js +38 -0
  122. package/lib/themes/newThemeTokens/light/components/stepper.js +56 -0
  123. package/lib/themes/newThemeTokens/light/components/subNav.js +41 -0
  124. package/lib/themes/newThemeTokens/light/components/subNavItem.js +43 -0
  125. package/lib/themes/newThemeTokens/light/index.js +20 -2
  126. package/package.json +3 -3
  127. package/src/themes/newThemeTokens/componentTypes/alert.ts +2 -0
  128. package/src/themes/newThemeTokens/componentTypes/{sideNavBarNew.ts → globalNav.ts} +2 -42
  129. package/src/themes/newThemeTokens/componentTypes/imageCard.ts +51 -0
  130. package/src/themes/newThemeTokens/componentTypes/index.ts +20 -2
  131. package/src/themes/newThemeTokens/componentTypes/mainNav.ts +27 -0
  132. package/src/themes/newThemeTokens/componentTypes/mainNavAccountItem.ts +42 -0
  133. package/src/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.ts +27 -0
  134. package/src/themes/newThemeTokens/componentTypes/mainNavItem.ts +48 -0
  135. package/src/themes/newThemeTokens/componentTypes/pill.ts +2 -1
  136. package/src/themes/newThemeTokens/componentTypes/stepItem.ts +33 -0
  137. package/src/themes/newThemeTokens/componentTypes/stepper.ts +45 -0
  138. package/src/themes/newThemeTokens/componentTypes/subNav.ts +36 -0
  139. package/src/themes/newThemeTokens/componentTypes/subNavItem.ts +38 -0
  140. package/src/themes/newThemeTokens/dark/components/alert.ts +3 -1
  141. package/src/themes/newThemeTokens/dark/components/globalNav.ts +59 -0
  142. package/src/themes/newThemeTokens/dark/components/imageCard.ts +66 -0
  143. package/src/themes/newThemeTokens/dark/components/mainNav.ts +33 -0
  144. package/src/themes/newThemeTokens/dark/components/mainNavAccountItem.ts +43 -0
  145. package/src/themes/newThemeTokens/dark/components/mainNavInstitutionLogo.ts +33 -0
  146. package/src/themes/newThemeTokens/dark/components/mainNavItem.ts +49 -0
  147. package/src/themes/newThemeTokens/dark/components/pill.ts +3 -2
  148. package/src/themes/newThemeTokens/dark/components/stepItem.ts +34 -0
  149. package/src/themes/newThemeTokens/dark/components/stepper.ts +48 -0
  150. package/src/themes/newThemeTokens/dark/components/subNav.ts +37 -0
  151. package/src/themes/newThemeTokens/dark/components/subNavItem.ts +39 -0
  152. package/src/themes/newThemeTokens/dark/index.ts +20 -2
  153. package/src/themes/newThemeTokens/dark/semantics.ts +2 -2
  154. package/src/themes/newThemeTokens/legacyCanvas/components/alert.ts +3 -1
  155. package/src/themes/newThemeTokens/legacyCanvas/components/globalNav.ts +59 -0
  156. package/src/themes/newThemeTokens/legacyCanvas/components/imageCard.ts +66 -0
  157. package/src/themes/newThemeTokens/legacyCanvas/components/mainNav.ts +26 -0
  158. package/src/themes/newThemeTokens/legacyCanvas/components/mainNavAccountItem.ts +43 -0
  159. package/src/themes/newThemeTokens/legacyCanvas/components/mainNavInstitutionLogo.ts +33 -0
  160. package/src/themes/newThemeTokens/legacyCanvas/components/mainNavItem.ts +49 -0
  161. package/src/themes/newThemeTokens/legacyCanvas/components/pill.ts +5 -4
  162. package/src/themes/newThemeTokens/legacyCanvas/components/stepItem.ts +34 -0
  163. package/src/themes/newThemeTokens/legacyCanvas/components/stepper.ts +48 -0
  164. package/src/themes/newThemeTokens/legacyCanvas/components/subNav.ts +37 -0
  165. package/src/themes/newThemeTokens/legacyCanvas/components/subNavItem.ts +39 -0
  166. package/src/themes/newThemeTokens/legacyCanvas/index.ts +20 -2
  167. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.ts +3 -1
  168. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/globalNav.ts +59 -0
  169. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/imageCard.ts +66 -0
  170. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNav.ts +26 -0
  171. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavAccountItem.ts +43 -0
  172. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavInstitutionLogo.ts +33 -0
  173. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavItem.ts +49 -0
  174. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.ts +5 -4
  175. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/stepItem.ts +34 -0
  176. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/stepper.ts +48 -0
  177. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/subNav.ts +37 -0
  178. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/subNavItem.ts +39 -0
  179. package/src/themes/newThemeTokens/legacyCanvasHighContrast/index.ts +20 -2
  180. package/src/themes/newThemeTokens/light/components/alert.ts +3 -1
  181. package/src/themes/newThemeTokens/light/components/globalNav.ts +59 -0
  182. package/src/themes/newThemeTokens/light/components/imageCard.ts +66 -0
  183. package/src/themes/newThemeTokens/light/components/mainNav.ts +33 -0
  184. package/src/themes/newThemeTokens/light/components/mainNavAccountItem.ts +43 -0
  185. package/src/themes/newThemeTokens/light/components/mainNavInstitutionLogo.ts +33 -0
  186. package/src/themes/newThemeTokens/light/components/mainNavItem.ts +49 -0
  187. package/src/themes/newThemeTokens/light/components/pill.ts +3 -2
  188. package/src/themes/newThemeTokens/light/components/stepItem.ts +34 -0
  189. package/src/themes/newThemeTokens/light/components/stepper.ts +48 -0
  190. package/src/themes/newThemeTokens/light/components/subNav.ts +37 -0
  191. package/src/themes/newThemeTokens/light/components/subNavItem.ts +39 -0
  192. package/src/themes/newThemeTokens/light/index.ts +20 -2
  193. package/tokens/canvas/source.json +1 -1
  194. package/tsconfig.build.tsbuildinfo +1 -1
  195. package/types/themes/newThemeTokens/componentTypes/alert.d.ts +2 -0
  196. package/types/themes/newThemeTokens/componentTypes/alert.d.ts.map +1 -1
  197. package/types/themes/newThemeTokens/componentTypes/globalNav.d.ts +22 -0
  198. package/types/themes/newThemeTokens/componentTypes/globalNav.d.ts.map +1 -0
  199. package/types/themes/newThemeTokens/componentTypes/imageCard.d.ts +29 -0
  200. package/types/themes/newThemeTokens/componentTypes/imageCard.d.ts.map +1 -0
  201. package/types/themes/newThemeTokens/componentTypes/index.d.ts +20 -2
  202. package/types/themes/newThemeTokens/componentTypes/index.d.ts.map +1 -1
  203. package/types/themes/newThemeTokens/componentTypes/mainNav.d.ts +8 -0
  204. package/types/themes/newThemeTokens/componentTypes/mainNav.d.ts.map +1 -0
  205. package/types/themes/newThemeTokens/componentTypes/mainNavAccountItem.d.ts +18 -0
  206. package/types/themes/newThemeTokens/componentTypes/mainNavAccountItem.d.ts.map +1 -0
  207. package/types/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.d.ts +8 -0
  208. package/types/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.d.ts.map +1 -0
  209. package/types/themes/newThemeTokens/componentTypes/mainNavItem.d.ts +24 -0
  210. package/types/themes/newThemeTokens/componentTypes/mainNavItem.d.ts.map +1 -0
  211. package/types/themes/newThemeTokens/componentTypes/pill.d.ts +2 -1
  212. package/types/themes/newThemeTokens/componentTypes/pill.d.ts.map +1 -1
  213. package/types/themes/newThemeTokens/componentTypes/stepItem.d.ts +9 -0
  214. package/types/themes/newThemeTokens/componentTypes/stepItem.d.ts.map +1 -0
  215. package/types/themes/newThemeTokens/componentTypes/stepper.d.ts +21 -0
  216. package/types/themes/newThemeTokens/componentTypes/stepper.d.ts.map +1 -0
  217. package/types/themes/newThemeTokens/componentTypes/subNav.d.ts +12 -0
  218. package/types/themes/newThemeTokens/componentTypes/subNav.d.ts.map +1 -0
  219. package/types/themes/newThemeTokens/componentTypes/subNavItem.d.ts +14 -0
  220. package/types/themes/newThemeTokens/componentTypes/subNavItem.d.ts.map +1 -0
  221. package/types/themes/newThemeTokens/dark/components/alert.d.ts +2 -0
  222. package/types/themes/newThemeTokens/dark/components/alert.d.ts.map +1 -1
  223. package/types/themes/newThemeTokens/dark/components/globalNav.d.ts +35 -0
  224. package/types/themes/newThemeTokens/dark/components/globalNav.d.ts.map +1 -0
  225. package/types/themes/newThemeTokens/dark/components/imageCard.d.ts +42 -0
  226. package/types/themes/newThemeTokens/dark/components/imageCard.d.ts.map +1 -0
  227. package/types/themes/newThemeTokens/dark/components/mainNav.d.ts +9 -0
  228. package/types/themes/newThemeTokens/dark/components/mainNav.d.ts.map +1 -0
  229. package/types/themes/newThemeTokens/dark/components/mainNavAccountItem.d.ts +19 -0
  230. package/types/themes/newThemeTokens/dark/components/mainNavAccountItem.d.ts.map +1 -0
  231. package/types/themes/newThemeTokens/dark/components/mainNavInstitutionLogo.d.ts +9 -0
  232. package/types/themes/newThemeTokens/dark/components/mainNavInstitutionLogo.d.ts.map +1 -0
  233. package/types/themes/newThemeTokens/dark/components/mainNavItem.d.ts +25 -0
  234. package/types/themes/newThemeTokens/dark/components/mainNavItem.d.ts.map +1 -0
  235. package/types/themes/newThemeTokens/dark/components/pill.d.ts +2 -1
  236. package/types/themes/newThemeTokens/dark/components/pill.d.ts.map +1 -1
  237. package/types/themes/newThemeTokens/dark/components/stepItem.d.ts +10 -0
  238. package/types/themes/newThemeTokens/dark/components/stepItem.d.ts.map +1 -0
  239. package/types/themes/newThemeTokens/dark/components/stepper.d.ts +28 -0
  240. package/types/themes/newThemeTokens/dark/components/stepper.d.ts.map +1 -0
  241. package/types/themes/newThemeTokens/dark/components/subNav.d.ts +13 -0
  242. package/types/themes/newThemeTokens/dark/components/subNav.d.ts.map +1 -0
  243. package/types/themes/newThemeTokens/dark/components/subNavItem.d.ts +15 -0
  244. package/types/themes/newThemeTokens/dark/components/subNavItem.d.ts.map +1 -0
  245. package/types/themes/newThemeTokens/dark/index.d.ts.map +1 -1
  246. package/types/themes/newThemeTokens/dark/semantics.d.ts +1 -1
  247. package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts +2 -0
  248. package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts.map +1 -1
  249. package/types/themes/newThemeTokens/legacyCanvas/components/globalNav.d.ts +35 -0
  250. package/types/themes/newThemeTokens/legacyCanvas/components/globalNav.d.ts.map +1 -0
  251. package/types/themes/newThemeTokens/legacyCanvas/components/imageCard.d.ts +42 -0
  252. package/types/themes/newThemeTokens/legacyCanvas/components/imageCard.d.ts.map +1 -0
  253. package/types/themes/newThemeTokens/legacyCanvas/components/mainNav.d.ts +8 -0
  254. package/types/themes/newThemeTokens/legacyCanvas/components/mainNav.d.ts.map +1 -0
  255. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavAccountItem.d.ts +19 -0
  256. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavAccountItem.d.ts.map +1 -0
  257. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavInstitutionLogo.d.ts +9 -0
  258. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavInstitutionLogo.d.ts.map +1 -0
  259. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavItem.d.ts +25 -0
  260. package/types/themes/newThemeTokens/legacyCanvas/components/mainNavItem.d.ts.map +1 -0
  261. package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts +2 -1
  262. package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts.map +1 -1
  263. package/types/themes/newThemeTokens/legacyCanvas/components/stepItem.d.ts +10 -0
  264. package/types/themes/newThemeTokens/legacyCanvas/components/stepItem.d.ts.map +1 -0
  265. package/types/themes/newThemeTokens/legacyCanvas/components/stepper.d.ts +28 -0
  266. package/types/themes/newThemeTokens/legacyCanvas/components/stepper.d.ts.map +1 -0
  267. package/types/themes/newThemeTokens/legacyCanvas/components/subNav.d.ts +13 -0
  268. package/types/themes/newThemeTokens/legacyCanvas/components/subNav.d.ts.map +1 -0
  269. package/types/themes/newThemeTokens/legacyCanvas/components/subNavItem.d.ts +15 -0
  270. package/types/themes/newThemeTokens/legacyCanvas/components/subNavItem.d.ts.map +1 -0
  271. package/types/themes/newThemeTokens/legacyCanvas/index.d.ts.map +1 -1
  272. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts +2 -0
  273. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts.map +1 -1
  274. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/globalNav.d.ts +35 -0
  275. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/globalNav.d.ts.map +1 -0
  276. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/imageCard.d.ts +42 -0
  277. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/imageCard.d.ts.map +1 -0
  278. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNav.d.ts +8 -0
  279. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNav.d.ts.map +1 -0
  280. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavAccountItem.d.ts +19 -0
  281. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavAccountItem.d.ts.map +1 -0
  282. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavInstitutionLogo.d.ts +9 -0
  283. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavInstitutionLogo.d.ts.map +1 -0
  284. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavItem.d.ts +25 -0
  285. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mainNavItem.d.ts.map +1 -0
  286. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts +2 -1
  287. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts.map +1 -1
  288. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/stepItem.d.ts +10 -0
  289. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/stepItem.d.ts.map +1 -0
  290. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/stepper.d.ts +28 -0
  291. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/stepper.d.ts.map +1 -0
  292. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/subNav.d.ts +13 -0
  293. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/subNav.d.ts.map +1 -0
  294. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/subNavItem.d.ts +15 -0
  295. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/subNavItem.d.ts.map +1 -0
  296. package/types/themes/newThemeTokens/legacyCanvasHighContrast/index.d.ts.map +1 -1
  297. package/types/themes/newThemeTokens/light/components/alert.d.ts +2 -0
  298. package/types/themes/newThemeTokens/light/components/alert.d.ts.map +1 -1
  299. package/types/themes/newThemeTokens/light/components/globalNav.d.ts +35 -0
  300. package/types/themes/newThemeTokens/light/components/globalNav.d.ts.map +1 -0
  301. package/types/themes/newThemeTokens/light/components/imageCard.d.ts +42 -0
  302. package/types/themes/newThemeTokens/light/components/imageCard.d.ts.map +1 -0
  303. package/types/themes/newThemeTokens/light/components/mainNav.d.ts +9 -0
  304. package/types/themes/newThemeTokens/light/components/mainNav.d.ts.map +1 -0
  305. package/types/themes/newThemeTokens/light/components/mainNavAccountItem.d.ts +19 -0
  306. package/types/themes/newThemeTokens/light/components/mainNavAccountItem.d.ts.map +1 -0
  307. package/types/themes/newThemeTokens/light/components/mainNavInstitutionLogo.d.ts +9 -0
  308. package/types/themes/newThemeTokens/light/components/mainNavInstitutionLogo.d.ts.map +1 -0
  309. package/types/themes/newThemeTokens/light/components/mainNavItem.d.ts +25 -0
  310. package/types/themes/newThemeTokens/light/components/mainNavItem.d.ts.map +1 -0
  311. package/types/themes/newThemeTokens/light/components/pill.d.ts +2 -1
  312. package/types/themes/newThemeTokens/light/components/pill.d.ts.map +1 -1
  313. package/types/themes/newThemeTokens/light/components/stepItem.d.ts +10 -0
  314. package/types/themes/newThemeTokens/light/components/stepItem.d.ts.map +1 -0
  315. package/types/themes/newThemeTokens/light/components/stepper.d.ts +35 -0
  316. package/types/themes/newThemeTokens/light/components/stepper.d.ts.map +1 -0
  317. package/types/themes/newThemeTokens/light/components/subNav.d.ts +13 -0
  318. package/types/themes/newThemeTokens/light/components/subNav.d.ts.map +1 -0
  319. package/types/themes/newThemeTokens/light/components/subNavItem.d.ts +15 -0
  320. package/types/themes/newThemeTokens/light/components/subNavItem.d.ts.map +1 -0
  321. package/types/themes/newThemeTokens/light/index.d.ts.map +1 -1
  322. package/es/themes/newThemeTokens/dark/components/sideNavBarNew.js +0 -109
  323. package/es/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +0 -109
  324. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +0 -109
  325. package/es/themes/newThemeTokens/light/components/sideNavBarNew.js +0 -109
  326. package/lib/themes/newThemeTokens/dark/components/sideNavBarNew.js +0 -115
  327. package/lib/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +0 -115
  328. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +0 -115
  329. package/lib/themes/newThemeTokens/light/components/sideNavBarNew.js +0 -115
  330. package/src/themes/newThemeTokens/dark/components/sideNavBarNew.ts +0 -109
  331. package/src/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.ts +0 -109
  332. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.ts +0 -109
  333. package/src/themes/newThemeTokens/light/components/sideNavBarNew.ts +0 -109
  334. package/types/themes/newThemeTokens/componentTypes/sideNavBarNew.d.ts +0 -74
  335. package/types/themes/newThemeTokens/componentTypes/sideNavBarNew.d.ts.map +0 -1
  336. package/types/themes/newThemeTokens/dark/components/sideNavBarNew.d.ts +0 -87
  337. package/types/themes/newThemeTokens/dark/components/sideNavBarNew.d.ts.map +0 -1
  338. package/types/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.d.ts +0 -87
  339. package/types/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.d.ts.map +0 -1
  340. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.d.ts +0 -87
  341. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.d.ts.map +0 -1
  342. package/types/themes/newThemeTokens/light/components/sideNavBarNew.d.ts +0 -87
  343. package/types/themes/newThemeTokens/light/components/sideNavBarNew.d.ts.map +0 -1
  344. /package/es/themes/newThemeTokens/componentTypes/{sideNavBarNew.js → globalNav.js} +0 -0
  345. /package/lib/themes/newThemeTokens/componentTypes/{sideNavBarNew.js → globalNav.js} +0 -0
@@ -1,109 +0,0 @@
1
- /*
2
- * The MIT License (MIT)
3
- *
4
- * Copyright (c) 2015 - present Instructure, Inc.
5
- *
6
- * Permission is hereby granted, free of charge, to any person obtaining a copy
7
- * of this software and associated documentation files (the "Software"), to deal
8
- * in the Software without restriction, including without limitation the rights
9
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- * copies of the Software, and to permit persons to whom the Software is
11
- * furnished to do so, subject to the following conditions:
12
- *
13
- * The above copyright notice and this permission notice shall be included in all
14
- * copies or substantial portions of the Software.
15
- *
16
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
- * SOFTWARE.
23
- */
24
-
25
- import type { Semantics } from "../semantics"
26
-
27
- const sideNavBarNew = (semantic: Semantics) => ({
28
- backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
29
- fill: semantic.color.icon.interactive.action.primaryOnColor.base,
30
- borderColor: semantic.color.stroke.muted,
31
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
32
- minimizedminWidth: "6.5rem",
33
- toggleTransition: "300ms",
34
- minWidth: "16rem",
35
- margin: semantic.spacing.spaceMd,
36
- minimizedMargin: "0.375rem",
37
- mainNavMargin: "0.75rem",
38
- mainNavMinimizedMargin: "0rem",
39
- mainNavGap: semantic.spacing.padding.container.xxs,
40
- navItemsGap: semantic.spacing.spaceXs,
41
- boxShadow: {
42
- 0: {
43
- x: "0rem",
44
- y: "0.0625rem",
45
- blur: "0.125rem",
46
- spread: "0rem",
47
- color: semantic.color.dropShadow.shadowColor1,
48
- type: "dropShadow",
49
- },
50
- 1: {
51
- x: "0rem",
52
- y: "0.125rem",
53
- blur: "0.25rem",
54
- spread: "0.125rem",
55
- color: semantic.color.dropShadow.shadowColor2,
56
- type: "dropShadow",
57
- },
58
- },
59
- borderRadius: semantic.borderRadius.lg,
60
- minimizedBorderRadius: semantic.borderRadius.container.sm,
61
- borderWidth: semantic.borderWidth.sm,
62
- item: {
63
- horizontalPadding: semantic.spacing.spaceSm,
64
- verticalPadding: "0.25rem",
65
- iconWrapperHeight: "2.25rem",
66
- borderRadius: semantic.borderRadius.lg,
67
- backgroundColor: "transparent",
68
- fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
69
- fontFamily: semantic.fontFamily.base,
70
- fontSize: semantic.fontSize.textBase,
71
- fontWeight: semantic.fontWeight.body.base,
72
- innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
73
- outerFocusOutlineColor: semantic.color.transparentColor,
74
- hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
75
- lineHeight: semantic.lineHeight.paragraph.base,
76
- linkTextDecoration: "none",
77
- currentBackgroundColor: semantic.color.institutional.brandPrimary,
78
- selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
79
- currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
80
- selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
81
- selectedAccountFontColor: semantic.color.text.base,
82
- selectedInnerFocusOutlineColor: semantic.color.icon.inverse,
83
- selectedOuterFocusOutlineColor: semantic.color.transparentColor,
84
- },
85
- drilldownOption: {
86
- backgroundColor: semantic.color.transparentColor,
87
- hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
88
- activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
89
- selectedBackgroundColor: semantic.color.background.brand,
90
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
91
- selectedTextColor: semantic.color.text.inverse,
92
- logoutTextColor: semantic.color.text.error,
93
- borderRadius: semantic.borderRadius.lg,
94
- },
95
- button: { textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor },
96
- subNav: {
97
- strokeColor: semantic.color.stroke.muted,
98
- textColor: semantic.color.text.base,
99
- padding: semantic.spacing.spaceMd,
100
- gap: semantic.spacing.spaceSm,
101
- },
102
- institutionLogo: {
103
- textColor: semantic.color.text.base,
104
- strokeColor: semantic.color.stroke.muted,
105
- padding: semantic.spacing.spaceSm,
106
- gap: semantic.spacing.spaceMd,
107
- },
108
- })
109
- export default sideNavBarNew
@@ -1,109 +0,0 @@
1
- /*
2
- * The MIT License (MIT)
3
- *
4
- * Copyright (c) 2015 - present Instructure, Inc.
5
- *
6
- * Permission is hereby granted, free of charge, to any person obtaining a copy
7
- * of this software and associated documentation files (the "Software"), to deal
8
- * in the Software without restriction, including without limitation the rights
9
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- * copies of the Software, and to permit persons to whom the Software is
11
- * furnished to do so, subject to the following conditions:
12
- *
13
- * The above copyright notice and this permission notice shall be included in all
14
- * copies or substantial portions of the Software.
15
- *
16
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
- * SOFTWARE.
23
- */
24
-
25
- import type { Semantics } from "../semantics"
26
-
27
- const sideNavBarNew = (semantic: Semantics) => ({
28
- backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
29
- fill: semantic.color.icon.onColor,
30
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
31
- minimizedminWidth: "5.75rem",
32
- toggleTransition: "300ms",
33
- minWidth: "14.5rem",
34
- margin: "0rem",
35
- minimizedMargin: "0rem",
36
- mainNavMargin: "0rem",
37
- mainNavMinimizedMargin: "0rem",
38
- mainNavGap: "0rem",
39
- navItemsGap: "0rem",
40
- boxShadow: {
41
- 0: {
42
- x: "0rem",
43
- y: "0rem",
44
- blur: "0rem",
45
- spread: "0rem",
46
- color: semantic.color.transparentColor,
47
- type: "dropShadow",
48
- },
49
- 1: {
50
- x: "0rem",
51
- y: "0rem",
52
- blur: "0rem",
53
- spread: "0rem",
54
- color: semantic.color.transparentColor,
55
- type: "dropShadow",
56
- },
57
- },
58
- borderRadius: "0rem",
59
- minimizedBorderRadius: "0rem",
60
- borderColor: semantic.color.stroke.base,
61
- borderWidth: semantic.borderWidth.sm,
62
- item: {
63
- iconWrapperHeight: "2.25rem",
64
- borderRadius: "0rem",
65
- backgroundColor: "transparent",
66
- horizontalPadding: "0.5rem",
67
- verticalPadding: "0.375rem",
68
- fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
69
- fontFamily: semantic.fontFamily.base,
70
- fontSize: semantic.fontSize.textBase,
71
- fontWeight: semantic.fontWeight.body.base,
72
- hoverBackgroundColor: semantic.color.institutional.globalNavLinkHover,
73
- lineHeight: semantic.lineHeight.paragraph.base,
74
- linkTextDecoration: "none",
75
- currentBackgroundColor: semantic.color.background.base,
76
- selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
77
- selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
78
- currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
79
- selectedAccountFontColor: semantic.color.text.interactive.navigation.primary.base,
80
- innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
81
- selectedInnerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
82
- outerFocusOutlineColor: semantic.color.stroke.base,
83
- selectedOuterFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
84
- },
85
- drilldownOption: {
86
- backgroundColor: semantic.color.transparentColor,
87
- hoverBackgroundColor: semantic.color.background.interactive.action.primary.hover,
88
- activeBackgroundColor: semantic.color.background.interactive.action.primary.active,
89
- selectedBackgroundColor: semantic.color.background.brand,
90
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
91
- selectedTextColor: semantic.color.text.interactive.navigation.primary.base,
92
- logoutTextColor: semantic.color.text.onColor,
93
- borderRadius: "0rem",
94
- },
95
- button: { textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor },
96
- subNav: {
97
- strokeColor: semantic.color.stroke.base,
98
- textColor: semantic.color.text.onColor,
99
- padding: semantic.spacing.spaceMd,
100
- gap: semantic.spacing.spaceSm,
101
- },
102
- institutionLogo: {
103
- textColor: semantic.color.text.onColor,
104
- strokeColor: semantic.color.stroke.base,
105
- padding: semantic.spacing.spaceSm,
106
- gap: semantic.spacing.spaceMd,
107
- },
108
- })
109
- export default sideNavBarNew
@@ -1,109 +0,0 @@
1
- /*
2
- * The MIT License (MIT)
3
- *
4
- * Copyright (c) 2015 - present Instructure, Inc.
5
- *
6
- * Permission is hereby granted, free of charge, to any person obtaining a copy
7
- * of this software and associated documentation files (the "Software"), to deal
8
- * in the Software without restriction, including without limitation the rights
9
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- * copies of the Software, and to permit persons to whom the Software is
11
- * furnished to do so, subject to the following conditions:
12
- *
13
- * The above copyright notice and this permission notice shall be included in all
14
- * copies or substantial portions of the Software.
15
- *
16
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
- * SOFTWARE.
23
- */
24
-
25
- import type { Semantics } from "../semantics"
26
-
27
- const sideNavBarNew = (semantic: Semantics) => ({
28
- backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
29
- fill: semantic.color.icon.onColor,
30
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
31
- minimizedminWidth: "5.75rem",
32
- toggleTransition: "300ms",
33
- minWidth: "14.5rem",
34
- margin: "0rem",
35
- minimizedMargin: "0rem",
36
- mainNavMargin: "0rem",
37
- mainNavMinimizedMargin: "0rem",
38
- mainNavGap: "0rem",
39
- navItemsGap: "0rem",
40
- boxShadow: {
41
- 0: {
42
- x: "0rem",
43
- y: "0rem",
44
- blur: "0rem",
45
- spread: "0rem",
46
- color: semantic.color.transparentColor,
47
- type: "dropShadow",
48
- },
49
- 1: {
50
- x: "0rem",
51
- y: "0rem",
52
- blur: "0rem",
53
- spread: "0rem",
54
- color: semantic.color.transparentColor,
55
- type: "dropShadow",
56
- },
57
- },
58
- borderRadius: "0rem",
59
- minimizedBorderRadius: "0rem",
60
- borderColor: semantic.color.stroke.base,
61
- borderWidth: semantic.borderWidth.sm,
62
- item: {
63
- iconWrapperHeight: "2.25rem",
64
- borderRadius: "0rem",
65
- backgroundColor: "transparent",
66
- horizontalPadding: "0.5rem",
67
- verticalPadding: "0.375rem",
68
- fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
69
- fontFamily: semantic.fontFamily.base,
70
- fontSize: semantic.fontSize.textBase,
71
- fontWeight: semantic.fontWeight.body.base,
72
- hoverBackgroundColor: semantic.color.institutional.globalNavLinkHover,
73
- lineHeight: semantic.lineHeight.paragraph.base,
74
- linkTextDecoration: "none",
75
- currentBackgroundColor: semantic.color.background.base,
76
- selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
77
- selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
78
- currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
79
- selectedAccountFontColor: semantic.color.text.interactive.navigation.primary.base,
80
- innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
81
- selectedInnerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
82
- outerFocusOutlineColor: semantic.color.stroke.base,
83
- selectedOuterFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
84
- },
85
- drilldownOption: {
86
- backgroundColor: semantic.color.transparentColor,
87
- hoverBackgroundColor: semantic.color.background.interactive.action.primary.hover,
88
- activeBackgroundColor: semantic.color.background.interactive.action.primary.active,
89
- selectedBackgroundColor: semantic.color.background.brand,
90
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
91
- selectedTextColor: semantic.color.text.interactive.navigation.primary.base,
92
- logoutTextColor: semantic.color.text.onColor,
93
- borderRadius: "0rem",
94
- },
95
- button: { textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor },
96
- subNav: {
97
- strokeColor: semantic.color.stroke.base,
98
- textColor: semantic.color.text.onColor,
99
- padding: semantic.spacing.spaceMd,
100
- gap: semantic.spacing.spaceSm,
101
- },
102
- institutionLogo: {
103
- textColor: semantic.color.text.onColor,
104
- strokeColor: semantic.color.stroke.base,
105
- padding: semantic.spacing.spaceSm,
106
- gap: semantic.spacing.spaceMd,
107
- },
108
- })
109
- export default sideNavBarNew
@@ -1,109 +0,0 @@
1
- /*
2
- * The MIT License (MIT)
3
- *
4
- * Copyright (c) 2015 - present Instructure, Inc.
5
- *
6
- * Permission is hereby granted, free of charge, to any person obtaining a copy
7
- * of this software and associated documentation files (the "Software"), to deal
8
- * in the Software without restriction, including without limitation the rights
9
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- * copies of the Software, and to permit persons to whom the Software is
11
- * furnished to do so, subject to the following conditions:
12
- *
13
- * The above copyright notice and this permission notice shall be included in all
14
- * copies or substantial portions of the Software.
15
- *
16
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
- * SOFTWARE.
23
- */
24
-
25
- import type { Semantics } from "../semantics"
26
-
27
- const sideNavBarNew = (semantic: Semantics) => ({
28
- backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
29
- fill: semantic.color.icon.interactive.action.primaryOnColor.base,
30
- borderColor: semantic.color.stroke.muted,
31
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
32
- minimizedminWidth: "6.5rem",
33
- toggleTransition: "300ms",
34
- minWidth: "16rem",
35
- margin: semantic.spacing.spaceMd,
36
- minimizedMargin: "0.375rem",
37
- mainNavMargin: "0.75rem",
38
- mainNavMinimizedMargin: "0rem",
39
- mainNavGap: semantic.spacing.padding.container.xxs,
40
- navItemsGap: semantic.spacing.spaceXs,
41
- boxShadow: {
42
- 0: {
43
- x: "0rem",
44
- y: "0.0625rem",
45
- blur: "0.125rem",
46
- spread: "0rem",
47
- color: semantic.color.dropShadow.shadowColor1,
48
- type: "dropShadow",
49
- },
50
- 1: {
51
- x: "0rem",
52
- y: "0.125rem",
53
- blur: "0.25rem",
54
- spread: "0.125rem",
55
- color: semantic.color.dropShadow.shadowColor2,
56
- type: "dropShadow",
57
- },
58
- },
59
- borderRadius: semantic.borderRadius.lg,
60
- minimizedBorderRadius: semantic.borderRadius.container.sm,
61
- borderWidth: semantic.borderWidth.sm,
62
- item: {
63
- horizontalPadding: semantic.spacing.spaceSm,
64
- verticalPadding: "0.25rem",
65
- iconWrapperHeight: "2.25rem",
66
- borderRadius: semantic.borderRadius.lg,
67
- backgroundColor: "transparent",
68
- fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
69
- fontFamily: semantic.fontFamily.base,
70
- fontSize: semantic.fontSize.textBase,
71
- fontWeight: semantic.fontWeight.body.base,
72
- innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
73
- outerFocusOutlineColor: semantic.color.transparentColor,
74
- hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
75
- lineHeight: semantic.lineHeight.paragraph.base,
76
- linkTextDecoration: "none",
77
- currentBackgroundColor: semantic.color.institutional.brandPrimary,
78
- selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
79
- currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
80
- selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
81
- selectedAccountFontColor: semantic.color.text.base,
82
- selectedInnerFocusOutlineColor: semantic.color.icon.inverse,
83
- selectedOuterFocusOutlineColor: semantic.color.transparentColor,
84
- },
85
- drilldownOption: {
86
- backgroundColor: semantic.color.transparentColor,
87
- hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
88
- activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
89
- selectedBackgroundColor: semantic.color.background.brand,
90
- textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
91
- selectedTextColor: semantic.color.text.inverse,
92
- logoutTextColor: semantic.color.text.error,
93
- borderRadius: semantic.borderRadius.lg,
94
- },
95
- button: { textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor },
96
- subNav: {
97
- strokeColor: semantic.color.stroke.muted,
98
- textColor: semantic.color.text.base,
99
- padding: semantic.spacing.spaceMd,
100
- gap: semantic.spacing.spaceSm,
101
- },
102
- institutionLogo: {
103
- textColor: semantic.color.text.base,
104
- strokeColor: semantic.color.stroke.muted,
105
- padding: semantic.spacing.spaceSm,
106
- gap: semantic.spacing.spaceMd,
107
- },
108
- })
109
- export default sideNavBarNew
@@ -1,74 +0,0 @@
1
- import type { TokenBoxshadowValueInst } from "../commonTypes";
2
- export type SideNavBarNew = {
3
- backgroundColor: string;
4
- fill: string;
5
- borderColor: string;
6
- textColor: string;
7
- minimizedminWidth: string;
8
- toggleTransition: string | number;
9
- minWidth: string;
10
- margin: string;
11
- minimizedMargin: string;
12
- mainNavMargin: string;
13
- mainNavMinimizedMargin: string;
14
- mainNavGap: string;
15
- navItemsGap: string;
16
- /** Do not use this for other components */
17
- boxShadow: {
18
- "0": TokenBoxshadowValueInst;
19
- "1": TokenBoxshadowValueInst;
20
- };
21
- borderRadius: string;
22
- minimizedBorderRadius: string;
23
- borderWidth: string;
24
- item: {
25
- horizontalPadding: string;
26
- verticalPadding: string;
27
- iconWrapperHeight: string;
28
- borderRadius: string;
29
- backgroundColor: string;
30
- fontColor: string;
31
- fontFamily: string;
32
- fontSize: string;
33
- fontWeight: string | number;
34
- innerFocusOutlineColor: string;
35
- outerFocusOutlineColor: string;
36
- hoverBackgroundColor: string;
37
- lineHeight: string | number;
38
- linkTextDecoration: string | number;
39
- currentBackgroundColor: string;
40
- selectedBackgroundColor: string;
41
- currentTextColor: string;
42
- selectedAccountBackgroundColor: string;
43
- selectedAccountFontColor: string;
44
- selectedInnerFocusOutlineColor: string;
45
- selectedOuterFocusOutlineColor: string;
46
- };
47
- drilldownOption: {
48
- backgroundColor: string;
49
- hoverBackgroundColor: string;
50
- activeBackgroundColor: string;
51
- selectedBackgroundColor: string;
52
- textColor: string;
53
- selectedTextColor: string;
54
- logoutTextColor: string;
55
- borderRadius: string;
56
- };
57
- button: {
58
- textColor: string;
59
- };
60
- subNav: {
61
- strokeColor: string;
62
- textColor: string;
63
- padding: string;
64
- gap: string;
65
- };
66
- institutionLogo: {
67
- textColor: string;
68
- strokeColor: string;
69
- padding: string;
70
- gap: string;
71
- };
72
- };
73
- export default SideNavBarNew;
74
- //# sourceMappingURL=sideNavBarNew.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sideNavBarNew.d.ts","sourceRoot":"","sources":["../../../../src/themes/newThemeTokens/componentTypes/sideNavBarNew.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,SAAS,EAAE;QAAE,GAAG,EAAE,uBAAuB,CAAC;QAAC,GAAG,EAAE,uBAAuB,CAAA;KAAE,CAAA;IACzE,YAAY,EAAE,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE;QACJ,iBAAiB,EAAE,MAAM,CAAA;QACzB,eAAe,EAAE,MAAM,CAAA;QACvB,iBAAiB,EAAE,MAAM,CAAA;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;QAC3B,sBAAsB,EAAE,MAAM,CAAA;QAC9B,sBAAsB,EAAE,MAAM,CAAA;QAC9B,oBAAoB,EAAE,MAAM,CAAA;QAC5B,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;QAC3B,kBAAkB,EAAE,MAAM,GAAG,MAAM,CAAA;QACnC,sBAAsB,EAAE,MAAM,CAAA;QAC9B,uBAAuB,EAAE,MAAM,CAAA;QAC/B,gBAAgB,EAAE,MAAM,CAAA;QACxB,8BAA8B,EAAE,MAAM,CAAA;QACtC,wBAAwB,EAAE,MAAM,CAAA;QAChC,8BAA8B,EAAE,MAAM,CAAA;QACtC,8BAA8B,EAAE,MAAM,CAAA;KACvC,CAAA;IACD,eAAe,EAAE;QACf,eAAe,EAAE,MAAM,CAAA;QACvB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,qBAAqB,EAAE,MAAM,CAAA;QAC7B,uBAAuB,EAAE,MAAM,CAAA;QAC/B,SAAS,EAAE,MAAM,CAAA;QACjB,iBAAiB,EAAE,MAAM,CAAA;QACzB,eAAe,EAAE,MAAM,CAAA;QACvB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,MAAM,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAChF,eAAe,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAC1F,CAAA;eAEc,aAAa"}
@@ -1,87 +0,0 @@
1
- import type { Semantics } from "../semantics";
2
- declare const sideNavBarNew: (semantic: Semantics) => {
3
- backgroundColor: string;
4
- fill: string;
5
- borderColor: string;
6
- textColor: string;
7
- minimizedminWidth: string;
8
- toggleTransition: string;
9
- minWidth: string;
10
- margin: string;
11
- minimizedMargin: string;
12
- mainNavMargin: string;
13
- mainNavMinimizedMargin: string;
14
- mainNavGap: string;
15
- navItemsGap: string;
16
- boxShadow: {
17
- 0: {
18
- x: string;
19
- y: string;
20
- blur: string;
21
- spread: string;
22
- color: string;
23
- type: string;
24
- };
25
- 1: {
26
- x: string;
27
- y: string;
28
- blur: string;
29
- spread: string;
30
- color: string;
31
- type: string;
32
- };
33
- };
34
- borderRadius: string;
35
- minimizedBorderRadius: string;
36
- borderWidth: string;
37
- item: {
38
- horizontalPadding: string;
39
- verticalPadding: string;
40
- iconWrapperHeight: string;
41
- borderRadius: string;
42
- backgroundColor: string;
43
- fontColor: string;
44
- fontFamily: string;
45
- fontSize: string;
46
- fontWeight: number;
47
- innerFocusOutlineColor: string;
48
- outerFocusOutlineColor: string;
49
- hoverBackgroundColor: string;
50
- lineHeight: string;
51
- linkTextDecoration: string;
52
- currentBackgroundColor: string;
53
- selectedBackgroundColor: string;
54
- currentTextColor: string;
55
- selectedAccountBackgroundColor: string;
56
- selectedAccountFontColor: string;
57
- selectedInnerFocusOutlineColor: string;
58
- selectedOuterFocusOutlineColor: string;
59
- };
60
- drilldownOption: {
61
- backgroundColor: string;
62
- hoverBackgroundColor: string;
63
- activeBackgroundColor: string;
64
- selectedBackgroundColor: string;
65
- textColor: string;
66
- selectedTextColor: string;
67
- logoutTextColor: string;
68
- borderRadius: string;
69
- };
70
- button: {
71
- textColor: string;
72
- };
73
- subNav: {
74
- strokeColor: string;
75
- textColor: string;
76
- padding: string;
77
- gap: string;
78
- };
79
- institutionLogo: {
80
- textColor: string;
81
- strokeColor: string;
82
- padding: string;
83
- gap: string;
84
- };
85
- };
86
- export default sideNavBarNew;
87
- //# sourceMappingURL=sideNavBarNew.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sideNavBarNew.d.ts","sourceRoot":"","sources":["../../../../../src/themes/newThemeTokens/dark/components/sideNavBarNew.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,QAAA,MAAM,aAAa,aAAc,SAAS;IACxC,eAAe;IACf,IAAI;IACJ,WAAW;IACX,SAAS;IACT,iBAAiB;IACjB,gBAAgB;IAChB,QAAQ;IACR,MAAM;IACN,eAAe;IACf,aAAa;IACb,sBAAsB;IACtB,UAAU;IACV,WAAW;IACX,SAAS;QACP,CAAC;YACC,CAAC;YACD,CAAC;YACD,IAAI;YACJ,MAAM;YACN,KAAK;YACL,IAAI;;QAEN,CAAC;YACC,CAAC;YACD,CAAC;YACD,IAAI;YACJ,MAAM;YACN,KAAK;YACL,IAAI;;;IAGR,YAAY;IACZ,qBAAqB;IACrB,WAAW;IACX,IAAI;QACF,iBAAiB;QACjB,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,SAAS;QACT,UAAU;QACV,QAAQ;QACR,UAAU;QACV,sBAAsB;QACtB,sBAAsB;QACtB,oBAAoB;QACpB,UAAU;QACV,kBAAkB;QAClB,sBAAsB;QACtB,uBAAuB;QACvB,gBAAgB;QAChB,8BAA8B;QAC9B,wBAAwB;QACxB,8BAA8B;QAC9B,8BAA8B;;IAEhC,eAAe;QACb,eAAe;QACf,oBAAoB;QACpB,qBAAqB;QACrB,uBAAuB;QACvB,SAAS;QACT,iBAAiB;QACjB,eAAe;QACf,YAAY;;IAEd,MAAM;QAAI,SAAS;;IACnB,MAAM;QACJ,WAAW;QACX,SAAS;QACT,OAAO;QACP,GAAG;;IAEL,eAAe;QACb,SAAS;QACT,WAAW;QACX,OAAO;QACP,GAAG;;CAEL,CAAA;eACa,aAAa"}