@openedx/paragon 23.0.0-alpha.3 → 23.0.0-alpha.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 (209) hide show
  1. package/bin/paragon-scripts.js +10 -0
  2. package/dist/Annotation/index.scss +16 -0
  3. package/dist/Card/CardDeck.js +0 -2
  4. package/dist/Card/CardDeck.js.map +1 -1
  5. package/dist/Card/index.scss +6 -6
  6. package/dist/Carousel/index.scss +24 -1
  7. package/dist/Chip/ChipIcon.d.ts +1 -1
  8. package/dist/CloseButton/index.scss +8 -0
  9. package/dist/ColorPicker/index.scss +1 -1
  10. package/dist/DataTable/index.scss +12 -0
  11. package/dist/Dropdown/dropdown-bootstrap.scss +6 -0
  12. package/dist/Dropzone/index.scss +34 -0
  13. package/dist/Form/_FormText.scss +1 -1
  14. package/dist/Form/_bootstrap-custom-forms.scss +40 -0
  15. package/dist/Form/_index.scss +9 -0
  16. package/dist/Form/_mixins.scss +22 -0
  17. package/dist/IconButton/index.d.ts +1 -1
  18. package/dist/IconButton/index.scss +146 -0
  19. package/dist/Menu/index.scss +8 -0
  20. package/dist/Modal/ModalDialog.js +8 -4
  21. package/dist/Modal/ModalDialog.js.map +1 -1
  22. package/dist/Modal/_ModalDialog.scss +22 -2
  23. package/dist/Nav/index.scss +8 -0
  24. package/dist/Overlay/index.d.ts +2 -2
  25. package/dist/PageBanner/index.scss +2 -2
  26. package/dist/Pagination/pagination-bootstrap.scss +9 -0
  27. package/dist/Popover/index.scss +1 -1
  28. package/dist/ProductTour/Checkpoint.scss +1 -1
  29. package/dist/ProgressBar/bootstrap-progress.scss +20 -5
  30. package/dist/ProgressBar/index.scss +3 -3
  31. package/dist/Stepper/index.scss +1 -1
  32. package/dist/Sticky/index.scss +12 -0
  33. package/dist/Toast/index.scss +13 -1
  34. package/dist/Tooltip/index.scss +16 -0
  35. package/dist/core.css +911 -470
  36. package/dist/core.css.map +1 -1
  37. package/dist/core.min.css +1 -1
  38. package/dist/light.css +2035 -1315
  39. package/dist/light.css.map +1 -1
  40. package/dist/light.min.css +1 -1
  41. package/lib/build-tokens.js +67 -31
  42. package/package.json +7 -4
  43. package/src/Annotation/index.scss +16 -0
  44. package/src/Card/CardDeck.jsx +0 -3
  45. package/src/Card/README.md +0 -31
  46. package/src/Card/index.scss +6 -6
  47. package/src/Carousel/index.scss +24 -1
  48. package/src/CloseButton/index.scss +8 -0
  49. package/src/ColorPicker/index.scss +1 -1
  50. package/src/DataTable/index.scss +12 -0
  51. package/src/Dropdown/dropdown-bootstrap.scss +6 -0
  52. package/src/Dropzone/index.scss +34 -0
  53. package/src/Form/_FormText.scss +1 -1
  54. package/src/Form/_bootstrap-custom-forms.scss +40 -0
  55. package/src/Form/_index.scss +9 -0
  56. package/src/Form/_mixins.scss +22 -0
  57. package/src/IconButton/index.scss +146 -0
  58. package/src/Menu/index.scss +8 -0
  59. package/src/Modal/ModalDialog.jsx +7 -3
  60. package/src/Modal/_ModalDialog.scss +22 -2
  61. package/src/Modal/modal-dialog.mdx +95 -6
  62. package/src/Modal/tests/ModalDialog.test.jsx +2 -0
  63. package/src/Nav/index.scss +8 -0
  64. package/src/PageBanner/index.scss +2 -2
  65. package/src/Pagination/pagination-bootstrap.scss +9 -0
  66. package/src/Popover/index.scss +1 -1
  67. package/src/ProductTour/Checkpoint.scss +1 -1
  68. package/src/ProgressBar/bootstrap-progress.scss +20 -5
  69. package/src/ProgressBar/index.scss +3 -3
  70. package/src/Stepper/index.scss +1 -1
  71. package/src/Sticky/index.scss +12 -0
  72. package/src/Toast/index.scss +13 -1
  73. package/src/Tooltip/index.scss +16 -0
  74. package/styles/css/core/abstraction-variables.css +44 -0
  75. package/styles/css/core/custom-media-breakpoints.css +3 -4
  76. package/styles/css/core/index.css +2 -1
  77. package/styles/css/core/variables.css +494 -430
  78. package/styles/css/themes/light/abstraction-variables.css +304 -0
  79. package/styles/css/themes/light/index.css +1 -0
  80. package/styles/css/themes/light/utility-classes.css +2 -3
  81. package/styles/css/themes/light/variables.css +1753 -1334
  82. package/styles/scss/core/_typography.scss +16 -4
  83. package/styles/scss/core/_utilities.scss +7 -3
  84. package/styles/scss/core/_variables.scss +43 -30
  85. package/styles/scss/core/core.scss +1 -0
  86. package/tokens/src/core/alias/size.json +6 -5
  87. package/tokens/src/core/components/ActionRow.json +3 -2
  88. package/tokens/src/core/components/Alert.json +12 -10
  89. package/tokens/src/core/components/Annotation.json +9 -7
  90. package/tokens/src/core/components/Avatar.json +9 -9
  91. package/tokens/src/core/components/AvatarButton.json +4 -3
  92. package/tokens/src/core/components/Badge.json +12 -9
  93. package/tokens/src/core/components/Breadcrumb.json +7 -5
  94. package/tokens/src/core/components/Bubble.json +4 -3
  95. package/tokens/src/core/components/Button/core.json +35 -59
  96. package/tokens/src/core/components/Card.json +33 -44
  97. package/tokens/src/core/components/Carousel.json +39 -13
  98. package/tokens/src/core/components/Chip.json +13 -21
  99. package/tokens/src/core/components/ChipCarousel.json +4 -5
  100. package/tokens/src/core/components/CloseButton.json +2 -6
  101. package/tokens/src/core/components/Code.json +9 -8
  102. package/tokens/src/core/components/Collapsible.json +10 -13
  103. package/tokens/src/core/components/ColorPicker.json +3 -2
  104. package/tokens/src/core/components/Container.json +6 -5
  105. package/tokens/src/core/components/DataTable.json +17 -9
  106. package/tokens/src/core/components/Dropdown.json +24 -29
  107. package/tokens/src/core/components/Dropzone.json +5 -7
  108. package/tokens/src/core/components/Form/other.json +5 -4
  109. package/tokens/src/core/components/Form/size.json +72 -119
  110. package/tokens/src/core/components/Form/spacing.json +39 -83
  111. package/tokens/src/core/components/Form/transition.json +43 -7
  112. package/tokens/src/core/components/Form/typography.json +24 -88
  113. package/tokens/src/core/components/Icon.json +6 -5
  114. package/tokens/src/core/components/IconButton.json +4 -7
  115. package/tokens/src/core/components/Image.json +7 -6
  116. package/tokens/src/core/components/Menu.json +14 -12
  117. package/tokens/src/core/components/Modal.json +26 -21
  118. package/tokens/src/core/components/Nav.json +14 -16
  119. package/tokens/src/core/components/Navbar.json +15 -30
  120. package/tokens/src/core/components/Pagination.json +23 -24
  121. package/tokens/src/core/components/Popover.json +18 -14
  122. package/tokens/src/core/components/ProductTour.json +8 -14
  123. package/tokens/src/core/components/ProgressBar.json +29 -14
  124. package/tokens/src/core/components/SearchField.json +7 -9
  125. package/tokens/src/core/components/SelectableBox.json +4 -3
  126. package/tokens/src/core/components/Sheet.json +3 -2
  127. package/tokens/src/core/components/Spinner.json +9 -7
  128. package/tokens/src/core/components/Stack.json +2 -1
  129. package/tokens/src/core/components/Stepper.json +12 -14
  130. package/tokens/src/core/components/Sticky.json +2 -1
  131. package/tokens/src/core/components/Tab.json +8 -7
  132. package/tokens/src/core/components/Tabs.json +5 -5
  133. package/tokens/src/core/components/Toast.json +11 -8
  134. package/tokens/src/core/components/Tooltip.json +13 -11
  135. package/tokens/src/core/components/general/caret.json +5 -3
  136. package/tokens/src/core/components/general/headings.json +5 -4
  137. package/tokens/src/core/components/general/hr.json +3 -2
  138. package/tokens/src/core/components/general/input.json +19 -19
  139. package/tokens/src/core/components/general/link.json +13 -12
  140. package/tokens/src/core/components/general/list.json +9 -6
  141. package/tokens/src/core/components/general/text.json +6 -12
  142. package/tokens/src/core/global/breakpoints.json +25 -6
  143. package/tokens/src/core/global/elevation.json +55 -13
  144. package/tokens/src/core/global/other.json +5 -1
  145. package/tokens/src/core/global/spacing.json +70 -17
  146. package/tokens/src/core/global/transition.json +41 -4
  147. package/tokens/src/core/global/typography.json +248 -53
  148. package/tokens/src/core/utilities/color.json +35 -4
  149. package/tokens/src/themes/light/alias/color.json +276 -75
  150. package/tokens/src/themes/light/components/Alert.json +15 -26
  151. package/tokens/src/themes/light/components/Annotation.json +27 -13
  152. package/tokens/src/themes/light/components/Avatar.json +2 -1
  153. package/tokens/src/themes/light/components/Badge.json +57 -122
  154. package/tokens/src/themes/light/components/Breadcrumb.json +6 -5
  155. package/tokens/src/themes/light/components/Bubble.json +9 -8
  156. package/tokens/src/themes/light/components/Button/brand.json +171 -119
  157. package/tokens/src/themes/light/components/Button/core.json +8 -9
  158. package/tokens/src/themes/light/components/Button/danger.json +171 -112
  159. package/tokens/src/themes/light/components/Button/dark.json +188 -106
  160. package/tokens/src/themes/light/components/Button/info.json +186 -112
  161. package/tokens/src/themes/light/components/Button/light.json +186 -110
  162. package/tokens/src/themes/light/components/Button/primary.json +178 -116
  163. package/tokens/src/themes/light/components/Button/secondary.json +166 -132
  164. package/tokens/src/themes/light/components/Button/success.json +176 -117
  165. package/tokens/src/themes/light/components/Button/tertiary.json +34 -60
  166. package/tokens/src/themes/light/components/Button/warning.json +164 -128
  167. package/tokens/src/themes/light/components/Card.json +10 -21
  168. package/tokens/src/themes/light/components/Carousel.json +12 -11
  169. package/tokens/src/themes/light/components/Chip.json +14 -26
  170. package/tokens/src/themes/light/components/CloseButton.json +12 -2
  171. package/tokens/src/themes/light/components/Code.json +7 -9
  172. package/tokens/src/themes/light/components/DataTable.json +7 -11
  173. package/tokens/src/themes/light/components/Dropdown.json +17 -20
  174. package/tokens/src/themes/light/components/Dropzone.json +49 -11
  175. package/tokens/src/themes/light/components/Form/color.json +101 -155
  176. package/tokens/src/themes/light/components/Form/elevation.json +38 -42
  177. package/tokens/src/themes/light/components/Form/other.json +44 -41
  178. package/tokens/src/themes/light/components/IconButton.json +408 -256
  179. package/tokens/src/themes/light/components/Image.json +7 -4
  180. package/tokens/src/themes/light/components/Menu.json +12 -10
  181. package/tokens/src/themes/light/components/Modal.json +22 -12
  182. package/tokens/src/themes/light/components/Nav.json +82 -94
  183. package/tokens/src/themes/light/components/Navbar.json +32 -76
  184. package/tokens/src/themes/light/components/OverflowScroll.json +3 -1
  185. package/tokens/src/themes/light/components/PageBanner.json +11 -10
  186. package/tokens/src/themes/light/components/Pagination.json +19 -23
  187. package/tokens/src/themes/light/components/Popover.json +22 -27
  188. package/tokens/src/themes/light/components/ProductTour.json +9 -20
  189. package/tokens/src/themes/light/components/ProgressBar.json +12 -10
  190. package/tokens/src/themes/light/components/Scrollable.json +3 -3
  191. package/tokens/src/themes/light/components/SearchField.json +9 -9
  192. package/tokens/src/themes/light/components/Sheet.json +6 -7
  193. package/tokens/src/themes/light/components/Stepper.json +12 -17
  194. package/tokens/src/themes/light/components/Sticky.json +31 -6
  195. package/tokens/src/themes/light/components/Tab.json +47 -24
  196. package/tokens/src/themes/light/components/Toast.json +26 -14
  197. package/tokens/src/themes/light/components/Tooltip.json +25 -10
  198. package/tokens/src/themes/light/components/general/body.json +3 -2
  199. package/tokens/src/themes/light/components/general/headings.json +2 -1
  200. package/tokens/src/themes/light/components/general/hr.json +3 -6
  201. package/tokens/src/themes/light/components/general/input.json +11 -4
  202. package/tokens/src/themes/light/components/general/link.json +34 -43
  203. package/tokens/src/themes/light/components/general/list.json +15 -19
  204. package/tokens/src/themes/light/components/general/text.json +5 -6
  205. package/tokens/src/themes/light/global/color.json +1592 -867
  206. package/tokens/src/themes/light/global/elevation.json +481 -93
  207. package/tokens/style-dictionary.js +342 -144
  208. package/tokens/utils.js +176 -6
  209. package/tokens/src/core/global/display.json +0 -22
package/styles/css/core/custom-media-breakpoints.css CHANGED
@@ -1,10 +1,9 @@
1
1
  /**
2
- * IMPORTANT: This file is the result of assembling design tokens
3
- * Do not edit directly
4
- * Generated on Fri, 22 Sep 2023 08:20:17 GMT
2
+ * Do not edit directly, this file was auto-generated. while transforming design tokens.
3
+ * See <root>/tokens/README.md for more details.
5
4
  */
6
5
 
7
- @custom-media --pgn-size-breakpoint-min-width-xs (min-width: 0);
6
+ @custom-media --pgn-size-breakpoint-min-width-xs (min-width: 0px);
8
7
  @custom-media --pgn-size-breakpoint-max-width-xs (max-width: 576px);
9
8
  @custom-media --pgn-size-breakpoint-min-width-sm (min-width: 576px);
10
9
  @custom-media --pgn-size-breakpoint-max-width-sm (max-width: 768px);
package/styles/css/core/index.css CHANGED
@@ -1,2 +1,3 @@
1
- @import "custom-media-breakpoints.css";
2
1
  @import "variables.css";
2
+ @import "abstraction-variables.css";
3
+ @import "custom-media-breakpoints.css";