thread-ui 0.8.1 → 0.10.0

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 (242) hide show
  1. package/README.md +34 -1
  2. package/dist/components/data-display/filter-controls/variants/filter-controls.js +1 -1
  3. package/dist/components/data-display/filter-controls/variants/filter-controls.js.map +1 -1
  4. package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js +1 -1
  5. package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js.map +1 -1
  6. package/dist/components/data-display/sort-controls/sort-controls.js +1 -1
  7. package/dist/components/data-display/sort-controls/sort-controls.js.map +1 -1
  8. package/dist/components/form-elements/dropdowns/dropdown/dropdown.js +2 -2
  9. package/dist/components/form-elements/dropdowns/dropdown/dropdown.js.map +1 -1
  10. package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js +2 -4
  11. package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map +1 -1
  12. package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js +2 -2
  13. package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map +1 -1
  14. package/dist/components/form-elements/file-upload/components/file-input.js +5 -3
  15. package/dist/components/form-elements/file-upload/components/file-input.js.map +1 -1
  16. package/dist/components/form-elements/file-upload/components/item-previews.js +4 -4
  17. package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -1
  18. package/dist/components/form-elements/form-label/form-label.js +1 -1
  19. package/dist/components/form-elements/form-label/form-label.js.map +1 -1
  20. package/dist/components/form-elements/input-wrapper.js +1 -1
  21. package/dist/components/form-elements/input-wrapper.js.map +1 -1
  22. package/dist/components/form-elements/number-input/number-input.d.ts +1 -1
  23. package/dist/components/form-elements/number-input/number-input.js +8 -7
  24. package/dist/components/form-elements/number-input/number-input.js.map +1 -1
  25. package/dist/components/form-elements/number-input/number-input.types.d.ts +0 -2
  26. package/dist/components/form-elements/styles/index.js +7 -6
  27. package/dist/components/form-elements/styles/index.js.map +1 -1
  28. package/dist/components/layouts/column-layout/column-layout.js +5 -5
  29. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  30. package/dist/components/layouts/container/container.d.ts +2 -2
  31. package/dist/components/layouts/container/container.js +9 -6
  32. package/dist/components/layouts/container/container.js.map +1 -1
  33. package/dist/components/layouts/container/container.types.d.ts +6 -5
  34. package/dist/components/layouts/footer/footer.d.ts +1 -1
  35. package/dist/components/layouts/footer/footer.js +7 -22
  36. package/dist/components/layouts/footer/footer.js.map +1 -1
  37. package/dist/components/layouts/footer/footer.types.d.ts +3 -0
  38. package/dist/components/media/image-panel/image-panel.js +1 -1
  39. package/dist/components/media/image-panel/image-panel.js.map +1 -1
  40. package/dist/components/media/info-card/info-card.d.ts +2 -7
  41. package/dist/components/media/info-card/info-card.js +72 -29
  42. package/dist/components/media/info-card/info-card.js.map +1 -1
  43. package/dist/components/media/info-card/info-card.types.d.ts +3 -1
  44. package/dist/components/media/media-card/media-card.d.ts +1 -1
  45. package/dist/components/media/media-card/media-card.js +63 -16
  46. package/dist/components/media/media-card/media-card.js.map +1 -1
  47. package/dist/components/media/media-card/media-card.types.d.ts +3 -1
  48. package/dist/components/navigation/nav-menu/{items → components}/index.d.ts +1 -1
  49. package/dist/components/navigation/nav-menu/{items → components}/index.js +1 -1
  50. package/dist/components/navigation/nav-menu/components/index.js.map +1 -0
  51. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +1 -0
  52. package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.js +7 -12
  53. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +1 -0
  54. package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js.map +1 -1
  55. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +2 -0
  56. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +2 -0
  57. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +1 -0
  58. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.d.ts +2 -0
  59. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js +6 -0
  60. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +1 -0
  61. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +5 -0
  62. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +2 -0
  63. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +1 -0
  64. package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +1 -0
  65. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +6 -0
  66. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +1 -0
  67. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +1 -0
  68. package/dist/components/navigation/nav-menu/components/nav-link/index.d.ts +2 -0
  69. package/dist/components/navigation/nav-menu/components/nav-link/index.js +2 -0
  70. package/dist/components/navigation/nav-menu/components/nav-link/index.js.map +1 -0
  71. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.d.ts +2 -0
  72. package/dist/components/navigation/nav-menu/{items/base-item/base-item.js → components/nav-link/nav-link.js} +11 -11
  73. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -0
  74. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.d.ts +7 -0
  75. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js +2 -0
  76. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js.map +1 -0
  77. package/dist/components/navigation/nav-menu/nav-menu.js +17 -21
  78. package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
  79. package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +4 -4
  80. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +3 -3
  81. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
  82. package/dist/components/typography/body/body.types.d.ts +29 -0
  83. package/dist/components/typography/body/body.types.js +2 -0
  84. package/dist/components/typography/body/body.types.js.map +1 -0
  85. package/dist/components/typography/body/list.d.ts +15 -0
  86. package/dist/components/typography/body/list.js +47 -0
  87. package/dist/components/typography/body/list.js.map +1 -0
  88. package/dist/components/typography/body/text.d.ts +12 -0
  89. package/dist/components/typography/body/text.js +29 -0
  90. package/dist/components/typography/body/text.js.map +1 -0
  91. package/dist/components/typography/code/code.d.ts +2 -0
  92. package/dist/components/typography/code/code.js +22 -0
  93. package/dist/components/typography/code/code.js.map +1 -0
  94. package/dist/components/typography/code/code.types.d.ts +7 -0
  95. package/dist/components/typography/code/code.types.js +2 -0
  96. package/dist/components/typography/code/code.types.js.map +1 -0
  97. package/dist/components/typography/heading/heading.d.ts +38 -0
  98. package/dist/components/typography/heading/heading.js +53 -0
  99. package/dist/components/typography/heading/heading.js.map +1 -0
  100. package/dist/components/typography/heading/heading.types.d.ts +13 -0
  101. package/dist/components/typography/heading/heading.types.js +2 -0
  102. package/dist/components/typography/heading/heading.types.js.map +1 -0
  103. package/dist/components/typography/heading/render-heading.d.ts +16 -0
  104. package/dist/components/typography/heading/render-heading.js +52 -0
  105. package/dist/components/typography/heading/render-heading.js.map +1 -0
  106. package/dist/components/typography/index.d.ts +8 -2
  107. package/dist/components/typography/index.js +4 -1
  108. package/dist/components/typography/index.js.map +1 -1
  109. package/dist/components/typography/page-header/page-header.js +7 -10
  110. package/dist/components/typography/page-header/page-header.js.map +1 -1
  111. package/dist/components/typography/shared-utils/get-presentation-styles.d.ts +2 -0
  112. package/dist/components/typography/shared-utils/get-presentation-styles.js +27 -0
  113. package/dist/components/typography/shared-utils/get-presentation-styles.js.map +1 -0
  114. package/dist/components/typography/shared-utils/get-typography-styles.d.ts +3 -0
  115. package/dist/components/typography/shared-utils/get-typography-styles.js +55 -0
  116. package/dist/components/typography/shared-utils/get-typography-styles.js.map +1 -0
  117. package/dist/components/typography/typography.d.ts +55 -22
  118. package/dist/components/typography/typography.js +197 -127
  119. package/dist/components/typography/typography.js.map +1 -1
  120. package/dist/components/typography/typography.types.d.ts +21 -0
  121. package/dist/components/typography/typography.types.js +2 -0
  122. package/dist/components/typography/typography.types.js.map +1 -0
  123. package/dist/components/ui/button/button-recipe.js +28 -28
  124. package/dist/components/ui/button/button-recipe.js.map +1 -1
  125. package/dist/components/ui/card/card.d.ts +10 -4
  126. package/dist/components/ui/card/card.js +64 -29
  127. package/dist/components/ui/card/card.js.map +1 -1
  128. package/dist/components/ui/card/card.types.d.ts +11 -5
  129. package/dist/components/ui/divider/divider.js +5 -5
  130. package/dist/components/ui/divider/divider.js.map +1 -1
  131. package/dist/components/ui/loaders/skeleton/index.d.ts +2 -2
  132. package/dist/components/ui/loaders/skeleton/index.js +1 -1
  133. package/dist/components/ui/loaders/skeleton/index.js.map +1 -1
  134. package/dist/components/ui/loaders/skeleton/skeleton.d.ts +5 -5
  135. package/dist/components/ui/loaders/skeleton/skeleton.js +5 -5
  136. package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -1
  137. package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts +1 -1
  138. package/dist/components/ui/loaders/skeleton-layout/index.d.ts +2 -2
  139. package/dist/components/ui/loaders/skeleton-layout/index.js +1 -1
  140. package/dist/components/ui/loaders/skeleton-layout/index.js.map +1 -1
  141. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts +4 -4
  142. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js +5 -5
  143. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js.map +1 -1
  144. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +3 -3
  145. package/dist/components/ui/modal/components/modal-content.js +2 -1
  146. package/dist/components/ui/modal/components/modal-content.js.map +1 -1
  147. package/dist/components/ui/modal/modal.js +2 -2
  148. package/dist/components/ui/modal/modal.js.map +1 -1
  149. package/dist/components/ui/toggle/toggle.js +7 -7
  150. package/dist/components/ui/toggle/toggle.js.map +1 -1
  151. package/dist/styled-system/recipes/button.js +14 -14
  152. package/dist/styled-system/recipes/button.mjs +14 -14
  153. package/dist/styled-system/styles.css +1 -1
  154. package/dist/styled-system/tokens/index.js +556 -372
  155. package/dist/styled-system/tokens/index.mjs +106 -46
  156. package/dist/styled-system/tokens/tokens.d.ts +25 -22
  157. package/dist/styled-system/types/prop-type.d.ts +2 -1
  158. package/dist/styled-system/types/style-props.d.ts +1 -1
  159. package/dist/styles/panda.css +1 -1
  160. package/dist/styles/tailwind.css +1 -0
  161. package/dist/styles/theme.css +98 -17
  162. package/dist/styles/thread.css +3 -3
  163. package/dist/theme/css-name-configurations/theme-css-names.d.ts +178 -18
  164. package/dist/theme/css-name-configurations/theme-css-names.js +101 -7
  165. package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
  166. package/dist/theme/default-theme.js +100 -14
  167. package/dist/theme/default-theme.js.map +1 -1
  168. package/dist/theme/index.d.ts +2 -0
  169. package/dist/theme/index.js +2 -0
  170. package/dist/theme/index.js.map +1 -1
  171. package/dist/theme/theme-surface-system.d.ts +9 -0
  172. package/dist/theme/theme-surface-system.js +34 -0
  173. package/dist/theme/theme-surface-system.js.map +1 -0
  174. package/dist/theme/theme-typography-system.d.ts +10 -0
  175. package/dist/theme/theme-typography-system.js +51 -0
  176. package/dist/theme/theme-typography-system.js.map +1 -0
  177. package/dist/theme/thread-theme.js.map +1 -1
  178. package/dist/types/theme/theme.types.d.ts +158 -18
  179. package/dist/types/utility/index.d.ts +1 -1
  180. package/dist/types/utility/type-production.types.d.ts +4 -0
  181. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.d.ts +11 -0
  182. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js +11 -0
  183. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js.map +1 -0
  184. package/dist/utils/theme-utilities/get-resolved-layer-values/index.d.ts +1 -0
  185. package/dist/utils/theme-utilities/get-resolved-layer-values/index.js +2 -0
  186. package/dist/utils/theme-utilities/get-resolved-layer-values/index.js.map +1 -0
  187. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.d.ts +12 -0
  188. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.js +13 -0
  189. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.js.map +1 -0
  190. package/dist/utils/theme-utilities/get-resolved-typography-values/index.d.ts +1 -0
  191. package/dist/utils/theme-utilities/get-resolved-typography-values/index.js +2 -0
  192. package/dist/utils/theme-utilities/get-resolved-typography-values/index.js.map +1 -0
  193. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.d.ts +11 -0
  194. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +34 -0
  195. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -0
  196. package/dist/utils/theme-utilities/get-text-color-styles/index.d.ts +1 -0
  197. package/dist/utils/theme-utilities/get-text-color-styles/index.js +2 -0
  198. package/dist/utils/theme-utilities/get-text-color-styles/index.js.map +1 -0
  199. package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.d.ts +3 -2
  200. package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js +21 -17
  201. package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js.map +1 -1
  202. package/dist/utils/theme-utilities/index.d.ts +3 -0
  203. package/dist/utils/theme-utilities/index.js +3 -0
  204. package/dist/utils/theme-utilities/index.js.map +1 -1
  205. package/package.json +1 -1
  206. package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts +0 -2
  207. package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +0 -1
  208. package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts +0 -9
  209. package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js +0 -2
  210. package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js.map +0 -1
  211. package/dist/components/navigation/nav-menu/items/base-item/index.d.ts +0 -2
  212. package/dist/components/navigation/nav-menu/items/base-item/index.js +0 -2
  213. package/dist/components/navigation/nav-menu/items/base-item/index.js.map +0 -1
  214. package/dist/components/navigation/nav-menu/items/index.js.map +0 -1
  215. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/index.js.map +0 -1
  216. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
  217. package/dist/components/navigation/nav-menu/items/nav-icon-item/index.d.ts +0 -2
  218. package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js +0 -2
  219. package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js.map +0 -1
  220. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts +0 -2
  221. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js +0 -6
  222. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map +0 -1
  223. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.d.ts +0 -7
  224. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js +0 -2
  225. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js.map +0 -1
  226. package/dist/components/navigation/nav-menu/items/nav-item/index.js.map +0 -1
  227. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js +0 -6
  228. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js.map +0 -1
  229. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.types.js.map +0 -1
  230. package/dist/components/navigation/nav-menu/nav-menu-styles.d.ts +0 -4
  231. package/dist/components/navigation/nav-menu/nav-menu-styles.js +0 -5
  232. package/dist/components/navigation/nav-menu/nav-menu-styles.js.map +0 -1
  233. /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.d.ts +0 -0
  234. /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.js +0 -0
  235. /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.d.ts +0 -0
  236. /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -0
  237. /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js +0 -0
  238. /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.d.ts +0 -0
  239. /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.js +0 -0
  240. /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.d.ts +0 -0
  241. /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.d.ts +0 -0
  242. /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.js +0 -0
@@ -0,0 +1,51 @@
1
+ export const TypographyRoles = {
2
+ title: {
3
+ fontFamily: 'heading',
4
+ fontSize: 'heading.xl',
5
+ fontWeight: 'bold',
6
+ lineHeight: 'tight',
7
+ letterSpacing: 'tight',
8
+ marginBottom: 'xxl',
9
+ },
10
+ h1: {
11
+ fontFamily: 'heading',
12
+ fontSize: 'heading.lg',
13
+ fontWeight: 'bold',
14
+ lineHeight: 'tight',
15
+ letterSpacing: 'normal',
16
+ marginBottom: 'xl',
17
+ },
18
+ h2: {
19
+ fontFamily: 'heading',
20
+ fontSize: 'heading.md',
21
+ fontWeight: 'bold',
22
+ lineHeight: 'tight',
23
+ letterSpacing: 'normal',
24
+ marginBottom: 'lg',
25
+ },
26
+ h3: {
27
+ fontFamily: 'heading',
28
+ fontSize: 'heading.sm',
29
+ fontWeight: 'bold',
30
+ lineHeight: 'tight',
31
+ letterSpacing: 'normal',
32
+ marginBottom: 'md',
33
+ },
34
+ body: {
35
+ fontFamily: 'body',
36
+ fontSize: 'body.md',
37
+ fontWeight: 'regular',
38
+ lineHeight: 'normal',
39
+ letterSpacing: 'normal',
40
+ marginBottom: 'sm',
41
+ },
42
+ code: {
43
+ fontFamily: 'mono',
44
+ fontSize: 'body.sm',
45
+ fontWeight: 'regular',
46
+ lineHeight: 'normal',
47
+ letterSpacing: 'normal',
48
+ marginBottom: 'none',
49
+ },
50
+ };
51
+ //# sourceMappingURL=theme-typography-system.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-typography-system.js","sourceRoot":"","sources":["../../src/theme/theme-typography-system.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,eAAe,GAAkD;IAC7E,KAAK,EAAE;QACN,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,KAAK;KACnB;IACD,EAAE,EAAE;QACH,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,IAAI;KAClB;IACD,EAAE,EAAE;QACH,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,IAAI;KAClB;IACD,EAAE,EAAE;QACH,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,IAAI;KAClB;IACD,IAAI,EAAE;QACL,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,IAAI;KAClB;IACD,IAAI,EAAE;QACL,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,MAAM;KACpB;CACD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EACN,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,2CAA2C,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU,aAAa,CAAC,iBAAiB,EAAE,0BAA0B,CAAC,CAAC"}
1
+ {"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EACN,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,2CAA2C,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU,aAAa,CAC9C,iBAAiB,EACjB,0BAA0B,CACjB,CAAC"}
@@ -5,6 +5,7 @@ type ColorShades = {
5
5
  main: string;
6
6
  dark: string;
7
7
  };
8
+ export type ColorShadeOptions = Prettify<keyof ColorShades>;
8
9
  /** Semantic text color roles */
9
10
  export type TextColors = {
10
11
  standard: string;
@@ -23,48 +24,187 @@ export type UtilitySizes = {
23
24
  };
24
25
  /** Key union of the base size scale */
25
26
  export type UtilitySizeOptions = Prettify<keyof UtilitySizes>;
26
- type ExpandedSmallOptions = {
27
- xxs: string;
27
+ type ExtendedSmallSizes = {
28
28
  xs: string;
29
29
  };
30
- type ExpandedLargeOptions = {
30
+ type FullSmallSizes = ExtendedSmallSizes & {
31
+ xxs: string;
32
+ };
33
+ type ExtendedLargeSizes = {
31
34
  xl: string;
35
+ };
36
+ type FullLargeSizes = ExtendedLargeSizes & {
32
37
  xxl: string;
33
38
  };
34
- /** Full size scale including sub-small and extra-large steps */
35
- export type ExpandedUtilitySizes = Prettify<ExpandedSmallOptions & UtilitySizes & ExpandedLargeOptions>;
39
+ /** Extended size scale including extra small and extra large steps */
40
+ export type ExtendedUtilitySizes = Prettify<ExtendedSmallSizes & UtilitySizes & ExtendedLargeSizes>;
41
+ /** Key union of the extended size scale */
42
+ export type ExtendedUtilitySizesOptions = Prettify<keyof ExtendedUtilitySizes>;
43
+ /** Full size scale including extra-extra small and extra-extra large steps */
44
+ export type FullUtilitySizes = Prettify<FullSmallSizes & UtilitySizes & FullLargeSizes>;
36
45
  /** Key union of the full expanded size scale */
37
- export type ExpandedUtilitySizeOptions = Prettify<keyof ExpandedUtilitySizes>;
46
+ export type FullUtilitySizeOptions = Prettify<keyof FullUtilitySizes>;
38
47
  /** Size scale extended with responsive breakpoint steps */
39
- export type BreakpointOptions = Omit<ExpandedUtilitySizes, keyof ExpandedSmallOptions>;
40
- /** Surface and text color tokens that shift between light and dark mode */
48
+ export type BreakpointOptions = Omit<FullUtilitySizes, keyof FullSmallSizes>;
49
+ /** Surface Hierarchy and Layer Colors */
41
50
  export type SurfaceColors = {
42
- background: string;
51
+ canvas: string;
52
+ inset: string;
43
53
  surface: string;
44
54
  elevated: string;
45
- structure: string;
55
+ overlay: string;
56
+ };
57
+ /** Interactive Surface Status Colors */
58
+ export type SurfaceActivityColors = {
59
+ active: string;
60
+ hover: string;
61
+ };
62
+ export type AllSurfaceColors = Prettify<SurfaceColors & SurfaceActivityColors>;
63
+ /** Background color options for component */
64
+ export type BgColorOptions = Prettify<keyof SurfaceColors | 'none'>;
65
+ /** Element Shadow Levels */
66
+ export type ShadowScale = {
67
+ sm: string;
68
+ md: string;
69
+ lg: string;
70
+ };
71
+ /** Element Shadow Options */
72
+ export type ShadowOptions = Prettify<keyof ShadowScale | 'none'>;
73
+ /** Structural Colors, used for borders and dividers etc */
74
+ export type StructureColors = {
75
+ subtle: string;
76
+ default: string;
77
+ strong: string;
78
+ };
79
+ /** Structure color options, used for component variants */
80
+ export type StructureColorOptions = Prettify<keyof StructureColors>;
81
+ /** Z-Index Hierarchy */
82
+ export type ZIndexScale = {
83
+ base: string;
84
+ sticky: string;
85
+ overlay: string;
86
+ modal: string;
87
+ system: string;
88
+ };
89
+ /** Z-Index Options */
90
+ export type ZIndexOptions = Prettify<keyof ZIndexScale>;
91
+ /** Modal Overlays */
92
+ export type ScrimColors = {
93
+ scrim: string;
46
94
  };
47
- /** Surface color options excluding `structure`, used for component background variants */
48
- export type SurfaceColorOptions = keyof Omit<SurfaceColors, 'structure'>;
95
+ /** Surface Layer System Options */
96
+ export type SurfaceLayerOptions = Prettify<keyof SurfaceColors>;
49
97
  /** Mode-aware color tokens combining surface colors with text roles */
50
- export type ModeColors = Prettify<SurfaceColors & {
98
+ export type ModeColors = Prettify<AllSurfaceColors & {
99
+ structure: StructureColors;
51
100
  text: TextColors;
52
101
  }>;
53
- /** Full design token set for the Thread theme */
54
- export type Theme = Prettify<ModeColors & {
102
+ /** Theme Brand Colors */
103
+ export type ThemePalette = Prettify<{
55
104
  primary: ColorShades;
56
105
  secondary: ColorShades;
57
106
  tertiary: ColorShades;
58
- white: string;
59
- black: string;
60
- gray: ColorShades;
107
+ }>;
108
+ /** Status Colors */
109
+ export type StatusPalette = {
61
110
  success: ColorShades;
62
111
  warning: ColorShades;
63
112
  error: ColorShades;
64
113
  info: ColorShades;
114
+ };
115
+ /** Neutral Colors */
116
+ export type NeutralPalette = {
117
+ white: string;
118
+ black: string;
119
+ gray: ColorShades;
120
+ };
121
+ /** Font family stacks for heading, body, and monospace text */
122
+ export type FontFamilies = {
123
+ body: string;
124
+ heading: string;
125
+ mono: string;
126
+ };
127
+ /** Font Family Options */
128
+ export type FontFamilyOptions = Prettify<keyof FontFamilies>;
129
+ /** Body text size scale */
130
+ export type BodyFontSizes = Prettify<FullSmallSizes & UtilitySizes & ExtendedLargeSizes>;
131
+ /** Key union of body font size steps */
132
+ export type BodyFontSizeOptions = Prettify<keyof BodyFontSizes>;
133
+ /** Heading size scale (1.25rem → 3rem) */
134
+ export type HeadingFontSizes = Prettify<UtilitySizes & ExtendedLargeSizes>;
135
+ /** Key union of heading font size steps */
136
+ export type HeadingFontSizeOptions = Prettify<keyof HeadingFontSizes>;
137
+ /** Standard Theme Spacing Scale */
138
+ export type SpacingScale = Prettify<{
139
+ none: string;
140
+ } & FullUtilitySizes>;
141
+ /** Em-based margin ratios for typography roles */
142
+ export type SpacingScaleOptions = Prettify<keyof SpacingScale>;
143
+ /** Combined font size scales */
144
+ export type ThemeFontSizes = Prettify<{
145
+ heading: HeadingFontSizes;
146
+ body: BodyFontSizes;
147
+ }>;
148
+ /** Dot-notation keys for all font sizes (e.g. "heading.sm" | "body.xs") */
149
+ export type CompleteFontSizeOptions = {
150
+ [K in keyof ThemeFontSizes]: `${K & string}.${keyof ThemeFontSizes[K] & string}`;
151
+ }[keyof ThemeFontSizes];
152
+ /** Font weight scale */
153
+ export type FontWeights = {
154
+ regular: string;
155
+ medium: string;
156
+ semibold: string;
157
+ bold: string;
158
+ };
159
+ /** Key union of font weight options */
160
+ export type FontWeightOptions = Prettify<keyof FontWeights>;
161
+ /** Line height scale */
162
+ export type LineHeights = {
163
+ tighter: string;
164
+ tight: string;
165
+ normal: string;
166
+ loose: string;
167
+ looser: string;
168
+ };
169
+ /** Key union of line height steps */
170
+ export type LineHeightOptions = Prettify<keyof LineHeights>;
171
+ /** Letter spacing scale */
172
+ export type LetterSpacings = {
173
+ tight: string;
174
+ normal: string;
175
+ wide: string;
176
+ };
177
+ /** Key union of letter spacing steps */
178
+ export type LetterSpacingOptions = Prettify<keyof LetterSpacings>;
179
+ /** Typography Heading Role Options */
180
+ export type HeadingRoleOptions = 'title' | 'h1' | 'h2' | 'h3';
181
+ /** Typography Body Role Options */
182
+ export type BodyRoleOptions = 'body' | 'code';
183
+ /** Typography Roles */
184
+ export type TypographyRoleOptions = Prettify<HeadingRoleOptions | BodyRoleOptions>;
185
+ /** Typography Configurations */
186
+ export type TypographyConfiguration = Prettify<{
187
+ fontFamilies: FontFamilies;
188
+ fontSizes: ThemeFontSizes;
189
+ fontWeights: FontWeights;
190
+ lineHeights: LineHeights;
191
+ letterSpacings: LetterSpacings;
192
+ }>;
193
+ /** Theme Layout Configuration */
194
+ export type ThemeLayout = {
195
+ spacing: SpacingScale;
65
196
  breakpoints: BreakpointOptions;
197
+ };
198
+ /** Base Border Configuration */
199
+ export type ThemeBorders = {
66
200
  borderRadius: UtilitySizes;
67
201
  borderSize: UtilitySizes;
202
+ };
203
+ /** Full design token set for the Thread theme */
204
+ export type Theme = Prettify<ThemePalette & StatusPalette & NeutralPalette & ThemeLayout & ThemeBorders & ScrimColors & ModeColors & {
205
+ zIndex: ZIndexScale;
206
+ shadow: ShadowScale;
207
+ typography: TypographyConfiguration;
68
208
  }>;
69
209
  /** Complete theme including dark mode surface and text overrides */
70
210
  export type ThemeConfigFull = Prettify<Theme & {
@@ -1,3 +1,3 @@
1
1
  export type { DeepPartial } from './deep-partial.types';
2
- export type { OptionalKey, Override, Prettify, ReplaceKey } from './type-production.types';
2
+ export type { DeepStringify, OptionalKey, Override, Prettify, ReplaceKey, } from './type-production.types';
3
3
  export type { NotionIcon } from './notion-icon.types';
@@ -48,3 +48,7 @@ export type ReplaceKey<T, K extends string, R> = T extends (infer U)[] ? Replace
48
48
  } & {
49
49
  [P in Extract<keyof T, K>]: R;
50
50
  }> : T;
51
+ /** Recursively Replace values with string */
52
+ export type DeepStringify<T> = {
53
+ [K in keyof T]: T[K] extends object ? DeepStringify<T[K]> : string;
54
+ };
@@ -0,0 +1,11 @@
1
+ import { SurfaceConfig } from '../../../theme/theme-surface-system';
2
+ import { BgColorOptions, ShadowOptions, StructureColorOptions, SurfaceLayerOptions, ZIndexOptions } from '../../../types';
3
+ type GetResolvedLayerValuesProps = {
4
+ layer: SurfaceLayerOptions;
5
+ bg?: BgColorOptions;
6
+ shadow?: ShadowOptions;
7
+ structure?: 'none' | StructureColorOptions;
8
+ zIndex?: 'none' | ZIndexOptions;
9
+ };
10
+ export declare const getResolvedLayerValues: ({ layer, bg, shadow, structure, zIndex, }: GetResolvedLayerValuesProps) => SurfaceConfig;
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import { SurfaceLayerMap } from '../../../theme/theme-surface-system';
2
+ export const getResolvedLayerValues = ({ layer, bg, shadow, structure, zIndex, }) => {
3
+ const defaults = SurfaceLayerMap[layer];
4
+ return {
5
+ bg: bg ?? defaults.bg,
6
+ shadow: shadow ?? defaults.shadow,
7
+ structure: structure ?? defaults.structure,
8
+ zIndex: zIndex ?? defaults.zIndex,
9
+ };
10
+ };
11
+ //# sourceMappingURL=get-resolved-layer-values.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-resolved-layer-values.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAiB9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACtC,KAAK,EACL,EAAE,EACF,MAAM,EACN,SAAS,EACT,MAAM,GACuB,EAAiB,EAAE;IAChD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO;QACN,EAAE,EAAE,EAAE,IAAI,QAAQ,CAAC,EAAE;QACrB,MAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM;QACjC,SAAS,EAAE,SAAS,IAAI,QAAQ,CAAC,SAAS;QAC1C,MAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM;KACjC,CAAC;AACH,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './get-resolved-layer-values';
@@ -0,0 +1,2 @@
1
+ export * from './get-resolved-layer-values';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-resolved-layer-values/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { TypographyRole } from '../../../theme/theme-typography-system';
2
+ import { CompleteFontSizeOptions, FontFamilyOptions, FontWeightOptions, LetterSpacingOptions, LineHeightOptions, SpacingScaleOptions, TypographyRoleOptions } from '../../../types';
3
+ export type ResolvedTypographyValuesProps = {
4
+ role: TypographyRoleOptions;
5
+ fontFamily?: FontFamilyOptions;
6
+ fontSize?: CompleteFontSizeOptions;
7
+ fontWeight?: FontWeightOptions;
8
+ lineHeight?: LineHeightOptions;
9
+ letterSpacing?: LetterSpacingOptions;
10
+ marginBottom?: SpacingScaleOptions;
11
+ };
12
+ export declare const getResolvedTypographyValues: ({ role, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, marginBottom, }: ResolvedTypographyValuesProps) => TypographyRole;
@@ -0,0 +1,13 @@
1
+ import { TypographyRoles } from '../../../theme/theme-typography-system';
2
+ export const getResolvedTypographyValues = ({ role, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, marginBottom, }) => {
3
+ const defaults = TypographyRoles[role];
4
+ return {
5
+ fontFamily: fontFamily ?? defaults.fontFamily,
6
+ fontSize: fontSize ?? defaults.fontSize,
7
+ fontWeight: fontWeight ?? defaults.fontWeight,
8
+ lineHeight: lineHeight ?? defaults.lineHeight,
9
+ letterSpacing: letterSpacing ?? defaults.letterSpacing,
10
+ marginBottom: marginBottom ?? defaults.marginBottom,
11
+ };
12
+ };
13
+ //# sourceMappingURL=get-resolved-typography-values.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-resolved-typography-values.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAqBlF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC3C,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,GACmB,EAAkB,EAAE;IACnD,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO;QACN,UAAU,EAAE,UAAU,IAAI,QAAQ,CAAC,UAAU;QAC7C,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ;QACvC,UAAU,EAAE,UAAU,IAAI,QAAQ,CAAC,UAAU;QAC7C,UAAU,EAAE,UAAU,IAAI,QAAQ,CAAC,UAAU;QAC7C,aAAa,EAAE,aAAa,IAAI,QAAQ,CAAC,aAAa;QACtD,YAAY,EAAE,YAAY,IAAI,QAAQ,CAAC,YAAY;KACnD,CAAC;AACH,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './get-resolved-typography-values';
@@ -0,0 +1,2 @@
1
+ export * from './get-resolved-typography-values';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-resolved-typography-values/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { ColoredTextOptions } from '../../../types';
2
+ /**
3
+ * Typography color CVA. Maps `ColoredTextOptions` values to Panda semantic text color tokens.
4
+ *
5
+ * Variant keys mirror the semantic text token names plus any color-shade aliases used
6
+ * across the system. Update this when `ColoredTextOptions` changes.
7
+ *
8
+ * @example
9
+ * <p className={getTextColorStyles({ color: 'secondary' })}>...</p>
10
+ */
11
+ export declare const getTextColorStyles: (color: ColoredTextOptions) => string;
@@ -0,0 +1,34 @@
1
+ import { cva } from '../../../styled-system/css';
2
+ const styles = cva({
3
+ variants: {
4
+ color: {
5
+ standard: { color: 'text.standard' },
6
+ 'text-secondary': { color: 'text.secondary' },
7
+ disabled: { color: 'text.disabled' },
8
+ accent: { color: 'text.accent' },
9
+ inverted: { color: 'text.inverted' },
10
+ black: { color: 'black' },
11
+ primary: { color: 'primary.main' },
12
+ secondary: { color: 'secondary.main' },
13
+ tertiary: { color: 'tertiary.main' },
14
+ gray: { color: 'gray.main' },
15
+ success: { color: 'success.main' },
16
+ info: { color: 'info.main' },
17
+ error: { color: 'error.main' },
18
+ warning: { color: 'warning.main' },
19
+ },
20
+ },
21
+ });
22
+ /**
23
+ * Typography color CVA. Maps `ColoredTextOptions` values to Panda semantic text color tokens.
24
+ *
25
+ * Variant keys mirror the semantic text token names plus any color-shade aliases used
26
+ * across the system. Update this when `ColoredTextOptions` changes.
27
+ *
28
+ * @example
29
+ * <p className={getTextColorStyles({ color: 'secondary' })}>...</p>
30
+ */
31
+ export const getTextColorStyles = (color) => {
32
+ return styles({ color });
33
+ };
34
+ //# sourceMappingURL=get-text-color-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-text-color-styles.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-text-color-styles/get-text-color-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAChC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACzB,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,SAAS,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACtC,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YACpC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SAClC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC/D,OAAO,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './get-text-color-styles';
@@ -0,0 +1,2 @@
1
+ export * from './get-text-color-styles';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-text-color-styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -1,7 +1,8 @@
1
- import { UtilityColorOptions } from '../../../types';
1
+ import { ColorShadeOptions, UtilityColorOptions } from '../../../types';
2
2
  /**
3
3
  * Returns corresponding default theme color CSS Variable
4
4
  * @param color Color Option
5
+ * @param shade Optional shade (defaults to 'main'). 'black' and 'text' only support 'main'.
5
6
  * @returns CSS Theme Variable string
6
7
  */
7
- export declare const getUtilityColorValue: (color: UtilityColorOptions) => string;
8
+ export declare const getUtilityColorValue: (color: UtilityColorOptions, shade?: ColorShadeOptions) => string;
@@ -1,35 +1,39 @@
1
1
  import { ThreadTheme } from '../../../theme';
2
- /**
3
- * Returns corresponding default theme color CSS Variable
4
- * @param color Color Option
5
- * @returns CSS Theme Variable string
6
- */
7
- export const getUtilityColorValue = (color) => {
2
+ const getUtilityColorObject = (color) => {
8
3
  switch (color) {
9
4
  case 'primary':
10
- return ThreadTheme.primary.main;
5
+ return ThreadTheme.primary;
11
6
  case 'secondary':
12
- return ThreadTheme.secondary.main;
7
+ return ThreadTheme.secondary;
13
8
  case 'tertiary':
14
- return ThreadTheme.tertiary.main;
9
+ return ThreadTheme.tertiary;
15
10
  case 'black':
16
- return ThreadTheme.black;
11
+ return { main: ThreadTheme.black };
17
12
  case 'gray':
18
- return ThreadTheme.gray.main;
13
+ return ThreadTheme.gray;
19
14
  case 'success':
20
- return ThreadTheme.success.main;
15
+ return ThreadTheme.success;
21
16
  case 'error':
22
- return ThreadTheme.error.main;
17
+ return ThreadTheme.error;
23
18
  case 'warning':
24
- return ThreadTheme.warning.main;
19
+ return ThreadTheme.warning;
25
20
  case 'info':
26
- return ThreadTheme.info.main;
21
+ return ThreadTheme.info;
27
22
  case 'text':
28
- return ThreadTheme.text.standard;
23
+ return { main: ThreadTheme.text.standard };
29
24
  default: {
30
25
  const _exhaustive = color;
31
- return ThreadTheme.primary.main;
26
+ return ThreadTheme.primary;
32
27
  }
33
28
  }
34
29
  };
30
+ /**
31
+ * Returns corresponding default theme color CSS Variable
32
+ * @param color Color Option
33
+ * @param shade Optional shade (defaults to 'main'). 'black' and 'text' only support 'main'.
34
+ * @returns CSS Theme Variable string
35
+ */
36
+ export const getUtilityColorValue = (color, shade) => {
37
+ return getUtilityColorObject(color)[shade ?? 'main'];
38
+ };
35
39
  //# sourceMappingURL=get-utility-color-value.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"get-utility-color-value.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAU,EAAE;IAC1E,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,WAAW;YACf,OAAO,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACnC,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC;QAC1B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;QAC/B,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,OAAO,CAAC,CAAC,CAAC;YACT,MAAM,WAAW,GAAU,KAAK,CAAC;YACjC,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,CAAC;IACF,CAAC;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"get-utility-color-value.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,MAAM,qBAAqB,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5D,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC;QAC5B,KAAK,WAAW;YACf,OAAO,WAAW,CAAC,SAAS,CAAC;QAC9B,KAAK,UAAU;YACd,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC7B,KAAK,OAAO;YACX,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAA4B,CAAC;QAC9D,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC;QACzB,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC;QAC5B,KAAK,OAAO;YACX,OAAO,WAAW,CAAC,KAAK,CAAC;QAC1B,KAAK,SAAS;YACb,OAAO,WAAW,CAAC,OAAO,CAAC;QAC5B,KAAK,MAAM;YACV,OAAO,WAAW,CAAC,IAAI,CAAC;QACzB,KAAK,MAAM;YACV,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,EAA4B,CAAC;QACtE,OAAO,CAAC,CAAC,CAAC;YACT,MAAM,WAAW,GAAU,KAAK,CAAC;YACjC,OAAO,WAAW,CAAC,OAAO,CAAC;QAC5B,CAAC;IACF,CAAC;AACF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CACnC,KAA0B,EAC1B,KAAyB,EAChB,EAAE;IACX,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;AACtD,CAAC,CAAC"}
@@ -4,3 +4,6 @@ export * from './get-utility-color';
4
4
  export * from './get-utility-font-size';
5
5
  export * from './get-utility-icon-size';
6
6
  export * from './get-utility-size-value';
7
+ export * from './get-resolved-layer-values';
8
+ export * from './get-resolved-typography-values';
9
+ export * from './get-text-color-styles';
@@ -4,4 +4,7 @@ export * from './get-utility-color';
4
4
  export * from './get-utility-font-size';
5
5
  export * from './get-utility-icon-size';
6
6
  export * from './get-utility-size-value';
7
+ export * from './get-resolved-layer-values';
8
+ export * from './get-resolved-typography-values';
9
+ export * from './get-text-color-styles';
7
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/theme-utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/theme-utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "thread-ui",
3
- "version": "0.8.1",
3
+ "version": "0.10.0",
4
4
  "author": "Andrew Fisher",
5
5
  "description": "UI Library for React Applications.",
6
6
  "license": "MIT",
@@ -1,2 +0,0 @@
1
- import { BaseItemProps } from './base-item.types';
2
- export declare const BaseItem: ({ children, href, halfPadding, onMouseEnter, onMouseLeave, isDropdownItem, }: BaseItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"base-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,EAAE,EAAE,GAAG,CAAC;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;KACrB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;YAC1C,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACpC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,eAAe;YACtB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,GAAG;YACf,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,uBAAuB;YACnC,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACP,eAAe,EAAE,UAAU;aAC3B;SACD;QACD,QAAQ,EAAE;YACT,WAAW,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;aAC9B;YACD,cAAc,EAAE;gBACf,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;gBACpD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;aACrD;SACD;QACD,eAAe,EAAE;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;SACrB;KACD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,YAAY,EACZ,cAAc,GACC,EAAE,EAAE;IACnB,qBAAqB;IAErB,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,YAC9E,QAAQ,GACI,GACV,CACL,CAAC;AACH,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type BaseItemProps = {
3
- children: ReactNode;
4
- href: string;
5
- onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;
6
- onMouseLeave?: (event: React.MouseEvent<HTMLLIElement>) => void;
7
- halfPadding?: boolean;
8
- isDropdownItem?: boolean;
9
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=base-item.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base-item.types.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export type { BaseItemProps } from './base-item.types';
2
- export { BaseItem } from './base-item';
@@ -1,2 +0,0 @@
1
- export { BaseItem } from './base-item';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export type { NavIconItemProps } from './nav-icon-item.types';
2
- export { NavIconItem } from './nav-icon-item';
@@ -1,2 +0,0 @@
1
- export { NavIconItem } from './nav-icon-item';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-icon-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,2 +0,0 @@
1
- import { NavIconItemProps } from './nav-icon-item.types';
2
- export declare const NavIconItem: ({ href, logo }: NavIconItemProps) => import("react/jsx-runtime").JSX.Element;