@carbon/charts 0.41.48 → 0.41.52

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 (272) hide show
  1. package/CHANGELOG.md +20 -11
  2. package/build/demo/data/CHART_TYPES.d.ts +93 -0
  3. package/build/demo/data/bar.d.ts +17 -23
  4. package/build/demo/data/combo.d.ts +3 -0
  5. package/build/demo/data/index.d.ts +16 -92
  6. package/build/demo/data/line.d.ts +3 -77
  7. package/build/demo/data/scatter.d.ts +0 -18
  8. package/build/demo/data/wordcloud.d.ts +14 -0
  9. package/build/src/charts/index.d.ts +1 -0
  10. package/build/src/charts/wordcloud.d.ts +6 -0
  11. package/build/src/components/graphs/wordcloud.d.ts +10 -0
  12. package/build/src/components/index.d.ts +1 -0
  13. package/build/src/configuration.d.ts +2 -1
  14. package/build/src/interfaces/charts.d.ts +23 -0
  15. package/build/src/interfaces/events.d.ts +9 -0
  16. package/bundle.js +1 -1
  17. package/charts/index.d.ts +1 -0
  18. package/charts/index.js +1 -0
  19. package/charts/index.js.map +1 -1
  20. package/charts/wordcloud.d.ts +6 -0
  21. package/charts/wordcloud.js +46 -0
  22. package/charts/wordcloud.js.map +1 -0
  23. package/components/essentials/tooltip-axis.js +1 -1
  24. package/components/essentials/tooltip-axis.js.map +1 -1
  25. package/components/essentials/tooltip.js +5 -2
  26. package/components/essentials/tooltip.js.map +1 -1
  27. package/components/graphs/boxplot.js +2 -2
  28. package/components/graphs/boxplot.js.map +1 -1
  29. package/components/graphs/wordcloud.d.ts +10 -0
  30. package/components/graphs/wordcloud.js +229 -0
  31. package/components/graphs/wordcloud.js.map +1 -0
  32. package/components/index.d.ts +1 -0
  33. package/components/index.js +1 -0
  34. package/components/index.js.map +1 -1
  35. package/configuration.d.ts +2 -1
  36. package/configuration.js +22 -0
  37. package/configuration.js.map +1 -1
  38. package/demo/data/CHART_TYPES.d.ts +93 -0
  39. package/demo/data/CHART_TYPES.js +93 -0
  40. package/demo/data/CHART_TYPES.js.map +1 -0
  41. package/demo/data/area.js +1 -1
  42. package/demo/data/area.js.map +1 -1
  43. package/demo/data/bar.d.ts +17 -23
  44. package/demo/data/bar.js +60 -68
  45. package/demo/data/bar.js.map +1 -1
  46. package/demo/data/boxplot.js +2 -2
  47. package/demo/data/boxplot.js.map +1 -1
  48. package/demo/data/bundle.js +1 -1
  49. package/demo/data/combo.d.ts +3 -0
  50. package/demo/data/combo.js +3 -0
  51. package/demo/data/combo.js.map +1 -1
  52. package/demo/data/index.d.ts +16 -92
  53. package/demo/data/index.js +404 -512
  54. package/demo/data/index.js.map +1 -1
  55. package/demo/data/line.d.ts +3 -77
  56. package/demo/data/line.js +9 -73
  57. package/demo/data/line.js.map +1 -1
  58. package/demo/data/scatter.d.ts +0 -18
  59. package/demo/data/scatter.js +0 -51
  60. package/demo/data/scatter.js.map +1 -1
  61. package/demo/data/wordcloud.d.ts +14 -0
  62. package/demo/data/wordcloud.js +105 -0
  63. package/demo/data/wordcloud.js.map +1 -0
  64. package/demo/styles.css +2827 -28
  65. package/demo/styles.css.map +1 -1
  66. package/demo/styles.min.css +1 -1
  67. package/demo/styles.min.css.map +1 -1
  68. package/demo/tsconfig.tsbuildinfo +47 -312
  69. package/interfaces/charts.d.ts +23 -0
  70. package/interfaces/charts.js.map +1 -1
  71. package/interfaces/events.d.ts +9 -0
  72. package/interfaces/events.js +10 -0
  73. package/interfaces/events.js.map +1 -1
  74. package/model.js +1 -1
  75. package/model.js.map +1 -1
  76. package/package.json +8 -7
  77. package/styles/_type.scss +4 -2
  78. package/styles/graphs/_wordcloud.scss +7 -0
  79. package/styles/graphs/index.scss +1 -0
  80. package/styles/vendor/@carbon/colors/README.md +4 -3
  81. package/styles/vendor/@carbon/colors/es/index.js +13 -12
  82. package/styles/vendor/@carbon/colors/lib/index.js +98 -93
  83. package/styles/vendor/@carbon/colors/package.json +14 -10
  84. package/styles/vendor/@carbon/colors/scss/colors.scss +1 -1
  85. package/styles/vendor/@carbon/colors/scss/index.scss +1 -1
  86. package/styles/vendor/@carbon/colors/scss/mixins.scss +33 -13
  87. package/styles/vendor/@carbon/colors/umd/index.js +99 -94
  88. package/styles/vendor/@carbon/elements/README.md +0 -6
  89. package/styles/vendor/@carbon/elements/es/index.js +4 -11
  90. package/styles/vendor/@carbon/elements/lib/index.js +959 -13
  91. package/styles/vendor/@carbon/elements/package.json +17 -13
  92. package/styles/vendor/@carbon/elements/scss/colors/colors.scss +1 -1
  93. package/styles/vendor/@carbon/elements/scss/colors/index.scss +1 -1
  94. package/styles/vendor/@carbon/elements/scss/colors/mixins.scss +33 -13
  95. package/styles/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss +82 -22
  96. package/styles/vendor/@carbon/elements/scss/grid/_mixins.scss +82 -22
  97. package/styles/vendor/@carbon/elements/scss/grid/modules/_breakpoint.scss +266 -0
  98. package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss/colors.scss → elements/scss/grid/modules/_config.scss} +6 -6
  99. package/styles/vendor/@carbon/elements/scss/grid/modules/_css-grid.scss +350 -0
  100. package/styles/vendor/@carbon/elements/scss/grid/modules/_mixins.scss +323 -0
  101. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/_breakpoint.scss +8 -3
  102. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  103. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_convert.scss +40 -0
  104. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  105. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  106. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  107. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  108. package/styles/vendor/@carbon/elements/scss/layout/_breakpoint.scss +8 -3
  109. package/styles/vendor/@carbon/elements/scss/layout/modules/_breakpoint.scss +232 -0
  110. package/styles/vendor/@carbon/elements/scss/layout/modules/_convert.scss +40 -0
  111. package/styles/vendor/@carbon/elements/scss/layout/modules/_spacing.scss +9 -0
  112. package/styles/vendor/@carbon/elements/scss/layout/modules/_utilities.scss +41 -0
  113. package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_fluid-spacing.scss +37 -0
  114. package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_spacing.scss +85 -0
  115. package/styles/vendor/@carbon/elements/scss/motion/motion.scss +24 -0
  116. package/styles/vendor/@carbon/elements/scss/themes/generated/_mixins.scss +643 -138
  117. package/styles/vendor/@carbon/elements/scss/themes/generated/_themes.scss +154 -77
  118. package/styles/vendor/@carbon/elements/scss/themes/generated/_tokens.scss +157 -75
  119. package/styles/vendor/@carbon/elements/scss/themes/modules/_theme.scss +50 -0
  120. package/styles/vendor/@carbon/elements/scss/themes/modules/_themes.scss +8 -0
  121. package/styles/vendor/@carbon/elements/scss/themes/modules/_utilities.scss +18 -0
  122. package/styles/vendor/@carbon/elements/scss/themes/modules/generated/_themes.scss +247 -0
  123. package/styles/vendor/@carbon/elements/scss/type/_font-family.scss +2 -2
  124. package/styles/vendor/@carbon/elements/scss/type/_inlined/_font-family.scss +2 -2
  125. package/styles/vendor/@carbon/elements/scss/type/_inlined/_reset.scss +9 -3
  126. package/styles/vendor/@carbon/elements/scss/type/_inlined/_scale.scss +2 -2
  127. package/styles/vendor/@carbon/elements/scss/type/_inlined/_styles.scss +60 -57
  128. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_mono.scss +72 -72
  129. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans-condensed.scss +302 -0
  130. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans.scss +84 -84
  131. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_serif.scss +72 -72
  132. package/styles/vendor/@carbon/elements/scss/type/_reset.scss +9 -3
  133. package/styles/vendor/@carbon/elements/scss/type/_scale.scss +2 -2
  134. package/styles/vendor/@carbon/elements/scss/type/_styles.scss +60 -57
  135. package/styles/vendor/@carbon/elements/scss/type/font-face/_mono.scss +72 -72
  136. package/styles/vendor/@carbon/elements/scss/type/font-face/_sans-condensed.scss +302 -0
  137. package/styles/vendor/@carbon/elements/scss/type/font-face/_sans.scss +84 -84
  138. package/styles/vendor/@carbon/elements/scss/type/font-face/_serif.scss +72 -72
  139. package/styles/vendor/@carbon/elements/scss/type/modules/_classes.scss +42 -0
  140. package/styles/vendor/@carbon/elements/scss/type/modules/_font-family.scss +70 -0
  141. package/styles/vendor/@carbon/elements/scss/type/modules/_prefix.scss +11 -0
  142. package/styles/vendor/@carbon/elements/scss/type/modules/_reset.scss +92 -0
  143. package/styles/vendor/@carbon/elements/scss/type/modules/_scale.scss +56 -0
  144. package/styles/vendor/@carbon/elements/scss/type/modules/_styles.scss +713 -0
  145. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/_breakpoint.scss +8 -3
  146. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  147. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_convert.scss +40 -0
  148. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  149. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  150. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  151. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  152. package/styles/vendor/@carbon/elements/src/__tests__/PublicAPI-test.js +12 -0
  153. package/styles/vendor/@carbon/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap +306 -0
  154. package/styles/vendor/@carbon/elements/src/index.js +166 -4
  155. package/styles/vendor/@carbon/elements/umd/index.js +961 -17
  156. package/styles/vendor/@carbon/layout/README.md +0 -6
  157. package/styles/vendor/@carbon/layout/es/index.js +1 -1
  158. package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss → layout}/index.scss +5 -6
  159. package/styles/vendor/@carbon/layout/lib/index.js +30 -30
  160. package/styles/vendor/@carbon/layout/package.json +14 -10
  161. package/styles/vendor/@carbon/layout/scss/_breakpoint.scss +8 -3
  162. package/styles/vendor/@carbon/layout/scss/modules/_breakpoint.scss +232 -0
  163. package/styles/vendor/@carbon/layout/scss/modules/_convert.scss +40 -0
  164. package/styles/vendor/@carbon/layout/scss/modules/_spacing.scss +9 -0
  165. package/styles/vendor/@carbon/layout/scss/modules/_utilities.scss +41 -0
  166. package/styles/vendor/@carbon/layout/scss/modules/generated/_fluid-spacing.scss +37 -0
  167. package/styles/vendor/@carbon/layout/scss/modules/generated/_spacing.scss +85 -0
  168. package/styles/vendor/@carbon/layout/umd/index.js +31 -31
  169. package/styles/vendor/@carbon/motion/README.md +0 -6
  170. package/styles/vendor/@carbon/motion/es/index.js +8 -1
  171. package/styles/vendor/@carbon/motion/index.scss +56 -0
  172. package/styles/vendor/@carbon/motion/lib/index.js +14 -0
  173. package/styles/vendor/@carbon/motion/package.json +10 -6
  174. package/styles/vendor/@carbon/motion/scss/motion.scss +24 -0
  175. package/styles/vendor/@carbon/motion/src/index.js +16 -0
  176. package/styles/vendor/@carbon/motion/umd/index.js +15 -1
  177. package/styles/vendor/@carbon/themes/README.md +5 -4
  178. package/styles/vendor/@carbon/themes/es/index.js +719 -57
  179. package/styles/vendor/@carbon/themes/index.scss +9 -0
  180. package/styles/vendor/@carbon/themes/lib/index.js +1297 -251
  181. package/styles/vendor/@carbon/themes/metadata.yml +3 -0
  182. package/styles/vendor/@carbon/themes/package.json +23 -14
  183. package/styles/vendor/@carbon/themes/scss/_mixins.scss +27 -146
  184. package/styles/vendor/@carbon/themes/scss/_theme-maps.scss +3 -263
  185. package/styles/vendor/@carbon/themes/scss/_tokens.scss +2 -297
  186. package/styles/vendor/@carbon/themes/scss/generated/_mixins.scss +1851 -0
  187. package/styles/vendor/@carbon/themes/scss/generated/_themes.scss +1534 -0
  188. package/styles/vendor/@carbon/themes/scss/generated/_tokens.scss +1757 -0
  189. package/styles/vendor/@carbon/themes/scss/modules/_theme.scss +50 -0
  190. package/styles/vendor/@carbon/themes/scss/modules/_themes.scss +8 -0
  191. package/styles/vendor/@carbon/themes/scss/modules/_utilities.scss +18 -0
  192. package/styles/vendor/@carbon/themes/scss/modules/generated/_themes.scss +247 -0
  193. package/styles/vendor/@carbon/themes/scss/themes.scss +3 -2
  194. package/styles/vendor/@carbon/themes/src/g10.js +97 -5
  195. package/styles/vendor/@carbon/themes/src/g100.js +96 -4
  196. package/styles/vendor/@carbon/themes/src/g90.js +98 -6
  197. package/styles/vendor/@carbon/themes/src/index.js +5 -3
  198. package/styles/vendor/@carbon/themes/src/tokens.js +112 -2
  199. package/styles/vendor/@carbon/themes/src/tools.js +25 -0
  200. package/styles/vendor/@carbon/themes/src/v9.js +181 -0
  201. package/styles/vendor/@carbon/themes/src/white.js +98 -3
  202. package/styles/vendor/@carbon/themes/umd/index.js +1297 -254
  203. package/styles/vendor/@carbon/type/README.md +0 -6
  204. package/styles/vendor/@carbon/type/es/index.js +111 -82
  205. package/styles/vendor/@carbon/type/lib/index.js +132 -103
  206. package/styles/vendor/@carbon/type/package.json +12 -8
  207. package/styles/vendor/@carbon/type/scss/_font-family.scss +2 -2
  208. package/styles/vendor/@carbon/type/scss/_inlined/_font-family.scss +2 -2
  209. package/styles/vendor/@carbon/type/scss/_inlined/_reset.scss +9 -3
  210. package/styles/vendor/@carbon/type/scss/_inlined/_scale.scss +2 -2
  211. package/styles/vendor/@carbon/type/scss/_inlined/_styles.scss +60 -57
  212. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_mono.scss +72 -72
  213. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans-condensed.scss +302 -0
  214. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans.scss +84 -84
  215. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_serif.scss +72 -72
  216. package/styles/vendor/@carbon/type/scss/_reset.scss +9 -3
  217. package/styles/vendor/@carbon/type/scss/_scale.scss +2 -2
  218. package/styles/vendor/@carbon/type/scss/_styles.scss +60 -57
  219. package/styles/vendor/@carbon/type/scss/font-face/_mono.scss +72 -72
  220. package/styles/vendor/@carbon/type/scss/font-face/_sans-condensed.scss +302 -0
  221. package/styles/vendor/@carbon/type/scss/font-face/_sans.scss +84 -84
  222. package/styles/vendor/@carbon/type/scss/font-face/_serif.scss +72 -72
  223. package/styles/vendor/@carbon/type/scss/modules/_classes.scss +42 -0
  224. package/styles/vendor/@carbon/type/scss/modules/_font-family.scss +70 -0
  225. package/styles/vendor/@carbon/type/scss/modules/_prefix.scss +11 -0
  226. package/styles/vendor/@carbon/type/scss/modules/_reset.scss +92 -0
  227. package/styles/vendor/@carbon/type/scss/modules/_scale.scss +56 -0
  228. package/styles/vendor/@carbon/type/scss/modules/_styles.scss +713 -0
  229. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/_breakpoint.scss +8 -3
  230. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  231. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_convert.scss +40 -0
  232. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  233. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  234. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  235. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  236. package/styles/vendor/@carbon/type/src/__tests__/__snapshots__/styles-test.js.snap +32 -34
  237. package/styles/vendor/@carbon/type/src/__tests__/exports-test.js +1 -1
  238. package/styles/vendor/@carbon/type/src/__tests__/fluid-test.js +26 -26
  239. package/styles/vendor/@carbon/type/src/__tests__/styles-test.js +1 -1
  240. package/styles/vendor/@carbon/type/src/__tests__/tokens-test.js +2 -2
  241. package/styles/vendor/@carbon/type/src/fluid.js +1 -1
  242. package/styles/vendor/@carbon/type/src/index.js +1 -1
  243. package/styles/vendor/@carbon/type/src/styles.js +65 -64
  244. package/styles/vendor/@carbon/type/src/tokens.js +64 -31
  245. package/styles/vendor/@carbon/type/umd/index.js +134 -105
  246. package/styles-g10.css +570 -2
  247. package/styles-g10.css.map +1 -1
  248. package/styles-g10.min.css +1 -1
  249. package/styles-g10.min.css.map +1 -1
  250. package/styles-g100.css +574 -6
  251. package/styles-g100.css.map +1 -1
  252. package/styles-g100.min.css +1 -1
  253. package/styles-g100.min.css.map +1 -1
  254. package/styles-g90.css +574 -6
  255. package/styles-g90.css.map +1 -1
  256. package/styles-g90.min.css +1 -1
  257. package/styles-g90.min.css.map +1 -1
  258. package/styles.css +570 -2
  259. package/styles.css.map +1 -1
  260. package/styles.min.css +1 -1
  261. package/styles.min.css.map +1 -1
  262. package/tools.js +1 -1
  263. package/tools.js.map +1 -1
  264. package/tsconfig.tsbuildinfo +67 -17
  265. package/styles/vendor/@carbon/layout/docs/sass.md +0 -1899
  266. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/LICENSE +0 -201
  267. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/README.md +0 -154
  268. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/es/index.js +0 -287
  269. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/lib/index.js +0 -410
  270. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/package.json +0 -51
  271. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/scss/mixins.scss +0 -646
  272. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/umd/index.js +0 -416
@@ -1,7 +1,7 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
3
3
  typeof define === 'function' && define.amd ? define(['exports'], factory) :
4
- (factory((global.CarbonLayout = {})));
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonLayout = {}));
5
5
  }(this, (function (exports) { 'use strict';
6
6
 
7
7
  /**
@@ -137,17 +137,39 @@
137
137
  var iconSize02 = '1.25rem';
138
138
  var iconSize = [iconSize01, iconSize02];
139
139
 
140
- exports.unstable_tokens = unstable_tokens;
141
140
  exports.baseFontSize = baseFontSize;
142
- exports.rem = rem;
143
- exports.em = em;
144
- exports.px = px;
145
- exports.breakpoints = breakpoints;
146
- exports.breakpointUp = breakpointUp;
147
- exports.breakpointDown = breakpointDown;
148
141
  exports.breakpoint = breakpoint;
142
+ exports.breakpointDown = breakpointDown;
143
+ exports.breakpointUp = breakpointUp;
144
+ exports.breakpoints = breakpoints;
145
+ exports.container = container;
146
+ exports.container01 = container01;
147
+ exports.container02 = container02;
148
+ exports.container03 = container03;
149
+ exports.container04 = container04;
150
+ exports.container05 = container05;
151
+ exports.em = em;
152
+ exports.fluidSpacing = fluidSpacing;
153
+ exports.fluidSpacing01 = fluidSpacing01;
154
+ exports.fluidSpacing02 = fluidSpacing02;
155
+ exports.fluidSpacing03 = fluidSpacing03;
156
+ exports.fluidSpacing04 = fluidSpacing04;
157
+ exports.iconSize = iconSize;
158
+ exports.iconSize01 = iconSize01;
159
+ exports.iconSize02 = iconSize02;
160
+ exports.layout = layout;
161
+ exports.layout01 = layout01;
162
+ exports.layout02 = layout02;
163
+ exports.layout03 = layout03;
164
+ exports.layout04 = layout04;
165
+ exports.layout05 = layout05;
166
+ exports.layout06 = layout06;
167
+ exports.layout07 = layout07;
149
168
  exports.miniUnit = miniUnit;
150
169
  exports.miniUnits = miniUnits;
170
+ exports.px = px;
171
+ exports.rem = rem;
172
+ exports.spacing = spacing;
151
173
  exports.spacing01 = spacing01;
152
174
  exports.spacing02 = spacing02;
153
175
  exports.spacing03 = spacing03;
@@ -160,29 +182,7 @@
160
182
  exports.spacing10 = spacing10;
161
183
  exports.spacing11 = spacing11;
162
184
  exports.spacing12 = spacing12;
163
- exports.spacing = spacing;
164
- exports.fluidSpacing01 = fluidSpacing01;
165
- exports.fluidSpacing02 = fluidSpacing02;
166
- exports.fluidSpacing03 = fluidSpacing03;
167
- exports.fluidSpacing04 = fluidSpacing04;
168
- exports.fluidSpacing = fluidSpacing;
169
- exports.layout01 = layout01;
170
- exports.layout02 = layout02;
171
- exports.layout03 = layout03;
172
- exports.layout04 = layout04;
173
- exports.layout05 = layout05;
174
- exports.layout06 = layout06;
175
- exports.layout07 = layout07;
176
- exports.layout = layout;
177
- exports.container01 = container01;
178
- exports.container02 = container02;
179
- exports.container03 = container03;
180
- exports.container04 = container04;
181
- exports.container05 = container05;
182
- exports.container = container;
183
- exports.iconSize01 = iconSize01;
184
- exports.iconSize02 = iconSize02;
185
- exports.iconSize = iconSize;
185
+ exports.unstable_tokens = unstable_tokens;
186
186
 
187
187
  Object.defineProperty(exports, '__esModule', { value: true });
188
188
 
@@ -69,12 +69,6 @@ import { easings, motion } from '@carbon/motion';
69
69
  motion('standard', 'productive'); // Returns a string `cubic-bezier()` function
70
70
  ```
71
71
 
72
- ## 📖 API Documentation
73
-
74
- If you're looking for `@carbon/motion` API documentation, check out:
75
-
76
- - [Sass](./docs/sass.md)
77
-
78
72
  ## 🙌 Contributing
79
73
 
80
74
  We're always looking for contributors to help us fix bugs, build new features,
@@ -4,6 +4,13 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+ var fast01 = '70ms';
8
+ var fast02 = '110ms';
9
+ var moderate01 = '150ms';
10
+ var moderate02 = '240ms';
11
+ var slow01 = '400ms';
12
+ var slow02 = '700ms';
13
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
7
14
  var easings = {
8
15
  standard: {
9
16
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -32,4 +39,4 @@ function motion(name, mode) {
32
39
  return easing[mode];
33
40
  }
34
41
 
35
- export { easings, motion };
42
+ export { easings, fast01, fast02, moderate01, moderate02, motion, slow01, slow02, unstable_tokens };
@@ -0,0 +1,56 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ @use 'sass:map';
9
+
10
+ /// Common component easings
11
+ /// @type Map
12
+ /// @access public
13
+ /// @group @carbon/motion
14
+ $easings: (
15
+ standard: (
16
+ productive: cubic-bezier(0.2, 0, 0.38, 0.9),
17
+ expressive: cubic-bezier(0.4, 0.14, 0.3, 1),
18
+ ),
19
+ entrance: (
20
+ productive: cubic-bezier(0, 0, 0.38, 0.9),
21
+ expressive: cubic-bezier(0, 0, 0.3, 1),
22
+ ),
23
+ exit: (
24
+ productive: cubic-bezier(0.2, 0, 1, 0.9),
25
+ expressive: cubic-bezier(0.4, 0.14, 1, 1),
26
+ ),
27
+ );
28
+
29
+ /// Get the transition-timing-function for a given easing and motion mode
30
+ /// @param {String} $name - Can be `standard`, `entrance`, or `exit`
31
+ /// @param {String} $mode [productive] - Can be `productive` or `expressive`
32
+ /// @param {Map} $easings [$carbon--easings] - Easings map
33
+ /// @access public
34
+ /// @group @carbon/motion
35
+ /// @return {Function} CSS `cubic-bezier()` function
36
+ @function motion($name, $mode: productive, $easings: $easings) {
37
+ @if map.has-key($easings, $name) {
38
+ $easing: map.get($easings, $name);
39
+ @if map.has-key($easing, $mode) {
40
+ @return map.get($easing, $mode);
41
+ } @else {
42
+ @error 'Unable to find a mode for the easing #{$easing} called: #{$mode}.';
43
+ }
44
+ } @else {
45
+ @error 'Unable to find an easing named #{$name} in our supported easings.';
46
+ }
47
+ }
48
+
49
+ /// Set the transition-timing-function for a given easing and motion mode
50
+ /// @param {String} $name - The name of the easing curve to apply
51
+ /// @param {String} $mode - The mode for the easing curve to use
52
+ /// @access public
53
+ /// @group @carbon/motion
54
+ @mixin motion($name, $mode) {
55
+ transition-timing-function: motion($name, $mode);
56
+ }
@@ -8,6 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
  * This source code is licensed under the Apache-2.0 license found in the
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
+ var fast01 = '70ms';
12
+ var fast02 = '110ms';
13
+ var moderate01 = '150ms';
14
+ var moderate02 = '240ms';
15
+ var slow01 = '400ms';
16
+ var slow02 = '700ms';
17
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
11
18
  var easings = {
12
19
  standard: {
13
20
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -37,4 +44,11 @@ function motion(name, mode) {
37
44
  }
38
45
 
39
46
  exports.easings = easings;
47
+ exports.fast01 = fast01;
48
+ exports.fast02 = fast02;
49
+ exports.moderate01 = moderate01;
50
+ exports.moderate02 = moderate02;
40
51
  exports.motion = motion;
52
+ exports.slow01 = slow01;
53
+ exports.slow02 = slow02;
54
+ exports.unstable_tokens = unstable_tokens;
@@ -1,11 +1,15 @@
1
1
  {
2
2
  "name": "@carbon/motion",
3
3
  "description": "Motion helpers for digital and software products using the Carbon Design System",
4
- "version": "10.4.0",
4
+ "version": "10.15.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
8
- "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/motion",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/carbon-design-system/carbon.git",
11
+ "directory": "packages/motion"
12
+ },
9
13
  "bugs": "https://github.com/carbon-design-system/carbon/issues",
10
14
  "keywords": [
11
15
  "eyeglass-module",
@@ -21,12 +25,12 @@
21
25
  "access": "public"
22
26
  },
23
27
  "scripts": {
24
- "build": "yarn clean && bundler bundle src/index.js --name CarbonMotion && bundler sassdoc \"scss/*.scss\"",
28
+ "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonMotion",
25
29
  "clean": "rimraf es lib umd"
26
30
  },
27
31
  "devDependencies": {
28
- "@carbon/bundler": "10.4.0",
29
- "rimraf": "^2.6.2"
32
+ "@carbon/cli": "^10.21.0",
33
+ "rimraf": "^3.0.0"
30
34
  },
31
35
  "eyeglass": {
32
36
  "exports": false,
@@ -34,5 +38,5 @@
34
38
  "sassDir": "scss",
35
39
  "needs": "^1.3.0"
36
40
  },
37
- "gitHead": "99fd2683b9bc303f704bad86d229d1e364ac68d2"
41
+ "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
38
42
  }
@@ -5,6 +5,30 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ /// @access public
9
+ /// @group @carbon/motion
10
+ $fast-01: 70ms !default;
11
+
12
+ /// @access public
13
+ /// @group @carbon/motion
14
+ $fast-02: 110ms !default;
15
+
16
+ /// @access public
17
+ /// @group @carbon/motion
18
+ $moderate-01: 150ms !default;
19
+
20
+ /// @access public
21
+ /// @group @carbon/motion
22
+ $moderate-02: 240ms !default;
23
+
24
+ /// @access public
25
+ /// @group @carbon/motion
26
+ $slow-01: 400ms !default;
27
+
28
+ /// @access public
29
+ /// @group @carbon/motion
30
+ $slow-02: 700ms !default;
31
+
8
32
  /// Common component easings
9
33
  /// @type Map
10
34
  /// @access public
@@ -5,6 +5,22 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
+ export const fast01 = '70ms';
9
+ export const fast02 = '110ms';
10
+ export const moderate01 = '150ms';
11
+ export const moderate02 = '240ms';
12
+ export const slow01 = '400ms';
13
+ export const slow02 = '700ms';
14
+
15
+ export const unstable_tokens = [
16
+ 'fast01',
17
+ 'fast02',
18
+ 'moderate01',
19
+ 'moderate02',
20
+ 'slow01',
21
+ 'slow02',
22
+ ];
23
+
8
24
  export const easings = {
9
25
  standard: {
10
26
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -1,7 +1,7 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
3
3
  typeof define === 'function' && define.amd ? define(['exports'], factory) :
4
- (factory((global.CarbonMotion = {})));
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonMotion = {}));
5
5
  }(this, (function (exports) { 'use strict';
6
6
 
7
7
  /**
@@ -10,6 +10,13 @@
10
10
  * This source code is licensed under the Apache-2.0 license found in the
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
+ var fast01 = '70ms';
14
+ var fast02 = '110ms';
15
+ var moderate01 = '150ms';
16
+ var moderate02 = '240ms';
17
+ var slow01 = '400ms';
18
+ var slow02 = '700ms';
19
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
13
20
  var easings = {
14
21
  standard: {
15
22
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -39,7 +46,14 @@
39
46
  }
40
47
 
41
48
  exports.easings = easings;
49
+ exports.fast01 = fast01;
50
+ exports.fast02 = fast02;
51
+ exports.moderate01 = moderate01;
52
+ exports.moderate02 = moderate02;
42
53
  exports.motion = motion;
54
+ exports.slow01 = slow01;
55
+ exports.slow02 = slow02;
56
+ exports.unstable_tokens = unstable_tokens;
43
57
 
44
58
  Object.defineProperty(exports, '__esModule', { value: true });
45
59
 
@@ -26,7 +26,7 @@ are pre-defined for a specific theme. Currently, we offer the following color
26
26
  themes: white, gray 10, gray 90, gray 100 .
27
27
 
28
28
  You can preview all of the token values for this on the
29
- [Carbon Design System website](https://next.carbondesignsystem.com/guidelines/color/usage)
29
+ [Carbon Design System website](https://www.carbondesignsystem.com/guidelines/color/usage)
30
30
  .
31
31
 
32
32
  ### Sass
@@ -108,11 +108,12 @@ import {
108
108
  } from '@carbon/themes';
109
109
  ```
110
110
 
111
- ## 📖 API Documentation
111
+ ## 📚 Examples
112
112
 
113
- If you're looking for `@carbon/themes` API documentation, check out:
113
+ If you're looking for more examples on how to use `@carbon/themes`, we have some
114
+ examples that you can check out:
114
115
 
115
- - [Sass](./docs/sass.md)
116
+ - [sass-modules](./examples/sass-modules)
116
117
 
117
118
  ## 🙌 Contributing
118
119