@carbon/styles 1.29.0 → 1.30.0-rc.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 (34) hide show
  1. package/css/styles.css +201 -258
  2. package/css/styles.min.css +1 -1
  3. package/package.json +10 -10
  4. package/scss/__tests__/__snapshots__/motion-test.js.snap +6 -0
  5. package/scss/__tests__/__snapshots__/spacing-test.js.snap +56 -0
  6. package/scss/__tests__/__snapshots__/type-test.js.snap +1547 -1381
  7. package/scss/__tests__/spacing-test.js +31 -0
  8. package/scss/__tests__/type-test.js +2 -0
  9. package/scss/_spacing.scss +5 -1
  10. package/scss/components/content-switcher/_content-switcher.scss +6 -2
  11. package/scss/components/data-table/_data-table.scss +12 -4
  12. package/scss/components/data-table/_mixins.scss +6 -2
  13. package/scss/components/data-table/action/_data-table-action.scss +6 -2
  14. package/scss/components/data-table/expandable/_data-table-expandable.scss +3 -1
  15. package/scss/components/data-table/sort/_data-table-sort.scss +3 -1
  16. package/scss/components/file-uploader/_file-uploader.scss +0 -3
  17. package/scss/components/fluid-date-picker/_fluid-date-picker.scss +21 -7
  18. package/scss/components/fluid-list-box/_fluid-list-box.scss +9 -3
  19. package/scss/components/fluid-multiselect/_fluid-multiselect.scss +3 -1
  20. package/scss/components/fluid-number-input/_fluid-number-input.scss +24 -8
  21. package/scss/components/form/_form.scss +3 -7
  22. package/scss/components/multiselect/_multiselect.scss +3 -1
  23. package/scss/components/notification/_actionable-notification.scss +46 -19
  24. package/scss/components/notification/_inline-notification.scss +10 -3
  25. package/scss/components/notification/_toast-notification.scss +7 -2
  26. package/scss/components/overflow-menu/_overflow-menu.scss +3 -1
  27. package/scss/components/popover/_popover.scss +15 -4
  28. package/scss/components/progress-indicator/_progress-indicator.scss +3 -1
  29. package/scss/components/structured-list/_structured-list.scss +11 -19
  30. package/scss/components/tabs/_tabs.scss +58 -6
  31. package/scss/components/tile/_tile.scss +42 -5
  32. package/scss/components/ui-shell/header/_header.scss +25 -10
  33. package/scss/components/ui-shell/side-nav/_side-nav.scss +21 -2
  34. package/scss/type/_index.scss +1 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/styles",
3
3
  "description": "Styles for the Carbon Design System",
4
- "version": "1.29.0",
4
+ "version": "1.30.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -32,17 +32,17 @@
32
32
  "sass": "^1.33.0"
33
33
  },
34
34
  "dependencies": {
35
- "@carbon/colors": "^11.14.0",
36
- "@carbon/feature-flags": "^0.13.0",
37
- "@carbon/grid": "^11.13.0",
38
- "@carbon/layout": "^11.13.0",
39
- "@carbon/motion": "^11.10.0",
40
- "@carbon/themes": "^11.18.0",
41
- "@carbon/type": "^11.17.0",
35
+ "@carbon/colors": "^11.15.0-rc.0",
36
+ "@carbon/feature-flags": "^0.14.0-rc.0",
37
+ "@carbon/grid": "^11.14.0-rc.0",
38
+ "@carbon/layout": "^11.14.0-rc.0",
39
+ "@carbon/motion": "^11.11.0-rc.0",
40
+ "@carbon/themes": "^11.19.0-rc.0",
41
+ "@carbon/type": "^11.18.0-rc.0",
42
42
  "@ibm/plex": "6.0.0-next.6"
43
43
  },
44
44
  "devDependencies": {
45
- "@carbon/test-utils": "^10.28.0",
45
+ "@carbon/test-utils": "^10.29.0-rc.0",
46
46
  "autoprefixer": "^10.4.7",
47
47
  "browserslist-config-carbon": "^11.2.0",
48
48
  "css": "^3.0.0",
@@ -59,5 +59,5 @@
59
59
  "scss/**/*.css",
60
60
  "css/**/*.css"
61
61
  ],
62
- "gitHead": "044bb55aff8c9cddef1a7e42d2bfeac59a89c546"
62
+ "gitHead": "64172da793195b868dd5f4cbf9f2933184ed9cac"
63
63
  }
package/scss/__tests__/__snapshots__/motion-test.js.snap CHANGED
@@ -31,6 +31,12 @@ Object {
31
31
  "productive": "cubic-bezier(0.2, 0, 0.38, 0.9)",
32
32
  },
33
33
  },
34
+ "fast-01": "70ms",
35
+ "fast-02": "110ms",
36
+ "moderate-01": "150ms",
37
+ "moderate-02": "240ms",
38
+ "slow-01": "400ms",
39
+ "slow-02": "700ms",
34
40
  "standard-easing": "cubic-bezier(0.5, 0, 0.1, 1)",
35
41
  "transition-base": "250ms",
36
42
  "transition-expansion": "300ms",
package/scss/__tests__/__snapshots__/spacing-test.js.snap ADDED
@@ -0,0 +1,56 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`@carbon/styles/scss/spacing Public API 1`] = `
4
+ Object {
5
+ "variables": Object {
6
+ "fluid-spacing-01": 0,
7
+ "fluid-spacing-02": "2vw",
8
+ "fluid-spacing-03": "5vw",
9
+ "fluid-spacing-04": "10vw",
10
+ "layout": Object {
11
+ "layout-01": "1rem",
12
+ "layout-02": "1.5rem",
13
+ "layout-03": "2rem",
14
+ "layout-04": "3rem",
15
+ "layout-05": "4rem",
16
+ "layout-06": "6rem",
17
+ "layout-07": "10rem",
18
+ },
19
+ "layout-01": "1rem",
20
+ "layout-02": "1.5rem",
21
+ "layout-03": "2rem",
22
+ "layout-04": "3rem",
23
+ "layout-05": "4rem",
24
+ "layout-06": "6rem",
25
+ "layout-07": "10rem",
26
+ "spacing": Object {
27
+ "spacing-01": "0.125rem",
28
+ "spacing-02": "0.25rem",
29
+ "spacing-03": "0.5rem",
30
+ "spacing-04": "0.75rem",
31
+ "spacing-05": "1rem",
32
+ "spacing-06": "1.5rem",
33
+ "spacing-07": "2rem",
34
+ "spacing-08": "2.5rem",
35
+ "spacing-09": "3rem",
36
+ "spacing-10": "4rem",
37
+ "spacing-11": "5rem",
38
+ "spacing-12": "6rem",
39
+ "spacing-13": "10rem",
40
+ },
41
+ "spacing-01": "0.125rem",
42
+ "spacing-02": "0.25rem",
43
+ "spacing-03": "0.5rem",
44
+ "spacing-04": "0.75rem",
45
+ "spacing-05": "1rem",
46
+ "spacing-06": "1.5rem",
47
+ "spacing-07": "2rem",
48
+ "spacing-08": "2.5rem",
49
+ "spacing-09": "3rem",
50
+ "spacing-10": "4rem",
51
+ "spacing-11": "5rem",
52
+ "spacing-12": "6rem",
53
+ "spacing-13": "10rem",
54
+ },
55
+ }
56
+ `;