@carbon/ibmdotcom-styles 2.16.2 → 2.16.3

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 (77) hide show
  1. package/dist/ibm-dotcom-styles.css +5193 -4960
  2. package/dist/ibm-dotcom-styles.min.css +5 -5
  3. package/package.json +4 -4
  4. package/scss/components/audio-player/_audio-player.scss +1 -0
  5. package/scss/components/back-to-top/_back-to-top.scss +1 -0
  6. package/scss/components/background-media/_background-media.scss +1 -0
  7. package/scss/components/button/_button.scss +1 -0
  8. package/scss/components/button-group/_button-group.scss +1 -1
  9. package/scss/components/callout-quote/_callout-quote.scss +1 -0
  10. package/scss/components/callout-with-media/_callout-with-media.scss +1 -0
  11. package/scss/components/card/_card.scss +1 -0
  12. package/scss/components/card-group/_card-group.scss +1 -0
  13. package/scss/components/card-in-card/_card-in-card.scss +1 -0
  14. package/scss/components/card-link/_card-link.scss +1 -0
  15. package/scss/components/card-section-images/_card-section-images.scss +1 -0
  16. package/scss/components/card-section-offset/_card-section-offset.scss +1 -0
  17. package/scss/components/card-section-simple/_card-section-simple.scss +1 -0
  18. package/scss/components/carousel/_carousel.scss +1 -0
  19. package/scss/components/content-block-cards/_content-block-cards.scss +1 -0
  20. package/scss/components/content-block-headlines/_content-block-headlines.scss +1 -0
  21. package/scss/components/content-block-horizontal/_content-block-horizontal.scss +1 -0
  22. package/scss/components/content-block-media/_content-block-media.scss +1 -0
  23. package/scss/components/content-block-mixed/_content-block-mixed.scss +1 -0
  24. package/scss/components/content-block-segmented/_content-block-segmented.scss +1 -0
  25. package/scss/components/content-block-simple/_content-block-simple.scss +1 -0
  26. package/scss/components/content-group/_content-group.scss +1 -0
  27. package/scss/components/content-group-cards/_content-group-cards.scss +2 -1
  28. package/scss/components/content-group-pictograms/_content-group-pictograms.scss +1 -0
  29. package/scss/components/content-group-simple/_content-group-simple.scss +1 -0
  30. package/scss/components/content-item-row/_content-item-row.scss +1 -0
  31. package/scss/components/content-item-row-media/_content-item-row-media.scss +1 -0
  32. package/scss/components/cta-block/_cta-block.scss +1 -0
  33. package/scss/components/cta-section/_cta-section.scss +1 -0
  34. package/scss/components/dotcom-shell/_dotcom-shell.scss +1 -0
  35. package/scss/components/expressive-modal/_expressive-modal.scss +1 -0
  36. package/scss/components/feature-card/_feature-card.scss +1 -0
  37. package/scss/components/feature-section/_feature-section.scss +1 -0
  38. package/scss/components/filter-panel/_filter-panel.scss +1 -0
  39. package/scss/components/footer/_footer-logo.scss +1 -0
  40. package/scss/components/footer/_footer-nav-group.scss +1 -0
  41. package/scss/components/footer/_footer-nav.scss +1 -0
  42. package/scss/components/footer/_footer.scss +1 -0
  43. package/scss/components/footer/_legal-nav.scss +1 -0
  44. package/scss/components/footer/_locale-button.scss +1 -0
  45. package/scss/components/global-banner/_global-banner.scss +1 -0
  46. package/scss/components/horizontal-rule/_horizontal-rule.scss +1 -0
  47. package/scss/components/image/_image.scss +1 -0
  48. package/scss/components/in-page-banner/_in-page-banner.scss +1 -0
  49. package/scss/components/layout/_layout.scss +1 -0
  50. package/scss/components/leadspace/_leadspace.scss +1 -0
  51. package/scss/components/leadspace-block/_leadspace-block.scss +1 -0
  52. package/scss/components/leadspace-with-search/_leadspace-with-search.scss +1 -0
  53. package/scss/components/leaving-ibm/_leaving-ibm.scss +1 -0
  54. package/scss/components/lightbox-media-viewer/_lightbox-media-viewer.scss +1 -0
  55. package/scss/components/link-list/_link-list.scss +1 -0
  56. package/scss/components/link-list-section/_link-list-section.scss +1 -0
  57. package/scss/components/link-with-icon/_link-with-icon.scss +1 -0
  58. package/scss/components/list/_list.scss +1 -0
  59. package/scss/components/locale-modal/_locale-modal.scss +1 -0
  60. package/scss/components/logo-grid/_logo-grid.scss +1 -0
  61. package/scss/components/masthead/_masthead-l1.scss +1 -0
  62. package/scss/components/masthead/_masthead-leftnav.scss +1 -0
  63. package/scss/components/masthead/_masthead-megamenu.scss +1 -0
  64. package/scss/components/masthead/_masthead-search.scss +1 -0
  65. package/scss/components/masthead/_masthead.scss +1 -0
  66. package/scss/components/pictogram-item/_pictogram-item.scss +1 -0
  67. package/scss/components/pricing-table/_pricing-table.scss +1 -0
  68. package/scss/components/quote/_quote.scss +1 -0
  69. package/scss/components/scroll-into-view/_scroll-into-view.scss +1 -0
  70. package/scss/components/search-with-typeahead/_search-with-typeahead.scss +1 -0
  71. package/scss/components/structured-list/_structured-list.scss +1 -0
  72. package/scss/components/tableofcontents/_table-of-contents.scss +1 -0
  73. package/scss/components/tabs-extended/_tabs-extended.scss +1 -0
  74. package/scss/components/tabs-extended-media/_tabs-extended-media.scss +1 -0
  75. package/scss/components/tag-group/_tag-group.scss +1 -0
  76. package/scss/components/tag-link/_tag-link.scss +1 -0
  77. package/scss/components/video-player/_video-player.scss +75 -14
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibmdotcom-styles",
3
3
  "description": "Carbon for IBM.com Styles",
4
- "version": "2.16.2",
4
+ "version": "2.16.3",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/ibm-dotcom-styles.min.css",
7
7
  "module": "src/scss",
@@ -37,7 +37,7 @@
37
37
  "@ibm/telemetry-js": "^1.5.0"
38
38
  },
39
39
  "devDependencies": {
40
- "@carbon/themes": "11.42.0",
40
+ "@carbon/themes": "11.44.0",
41
41
  "del": "^6.0.0",
42
42
  "gulp": "^4.0.2",
43
43
  "gulp-autoprefixer": "^6.1.0",
@@ -45,8 +45,8 @@
45
45
  "gulp-rename": "^2.0.0",
46
46
  "gulp-sass": "^5.0.0",
47
47
  "require-dir": "^1.2.0",
48
- "sass": "~1.79.0",
48
+ "sass": "~1.83.0",
49
49
  "sass-loader": "^13.0.0"
50
50
  },
51
- "gitHead": "c49334a3cce2754af28d0d47168357ce6a8163b2"
51
+ "gitHead": "1566839db3e844573c679d0fb710b5d7a2629553"
52
52
  }
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/spacing' as *;
10
10
  @use '@carbon/styles/scss/theme' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '../../globals/utils/ratio-base' as *;
13
14
  @use '@carbon/styles/scss/components/slider';
14
15
 
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '../../globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
  @use '@carbon/styles/scss/components/button' as *;
14
15
 
15
16
  @mixin back-to-top {
@@ -12,6 +12,7 @@
12
12
  @use '@carbon/styles/scss/utilities' as *;
13
13
  @use '@carbon/web-components/scss/components/tooltip/tooltip' as *;
14
14
  @use '../../globals/vars' as *;
15
+ @use '../../globals/imports' as *;
15
16
  @use '../image';
16
17
 
17
18
  @mixin background-media {
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/layout' as *;
12
12
  @use '@carbon/styles/scss/components/button' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  @mixin button {
16
17
  :host(#{$c4d-prefix}-button) {
@@ -11,8 +11,8 @@
11
11
  @use '@carbon/styles/scss/motion' as *;
12
12
  @use '@carbon/styles/scss/spacing' as *;
13
13
  @use '@carbon/styles/scss/utilities/convert' as *;
14
-
15
14
  @use '../../globals/vars' as *;
15
+ @use '../../globals/imports' as *;
16
16
  @use '../lightbox-media-viewer';
17
17
  @use '../button';
18
18
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '@carbon/styles/scss/type' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use '../../globals/utils/hang' as *;
15
16
  @use '../../globals/utils/flex-grid' as *;
16
17
  @use '../../internal/callout/callout' as *;
@@ -13,6 +13,7 @@
13
13
  @use '@carbon/styles/scss/utilities' as *;
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/vars' as *;
16
+ @use '../../globals/imports' as *;
16
17
  @use '../../internal/callout/callout' as *;
17
18
  @use '../../internal/content-block';
18
19
  @use '../../internal/content-item/content-item';
@@ -16,6 +16,7 @@
16
16
  @use '@carbon/styles/scss/theme' as *;
17
17
  @use '@carbon/styles/scss/utilities/convert' as *;
18
18
  @use '../../globals/vars' as *;
19
+ @use '../../globals/imports' as *;
19
20
  @use '../../globals/utils/content-width' as *;
20
21
  @use '../../globals/utils/ratio-base' as *;
21
22
  @use '../lightbox-media-viewer/lightbox-media-viewer';
@@ -16,6 +16,7 @@
16
16
  @use '@carbon/styles/scss/utilities/convert' as *;
17
17
  @use '../../globals/utils/flex-grid' as *;
18
18
  @use '../../globals/vars' as *;
19
+ @use '../../globals/imports' as *;
19
20
  @use '../../globals/utils/ratio-base' as *;
20
21
  @use '../../internal/content-section';
21
22
  @use '../card';
@@ -13,6 +13,7 @@
13
13
  @use '@carbon/styles/scss/theme' as *;
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/vars' as *;
16
+ @use '../../globals/imports' as *;
16
17
  @use '../../globals/utils/aspect-ratio';
17
18
  @use '../../globals/utils/ratio-base' as *;
18
19
  @use '../image';
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/theme' as *;
10
10
  @use '@carbon/styles/scss/type' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '../card';
13
14
 
14
15
  @mixin card-link {
@@ -6,5 +6,6 @@
6
6
  */
7
7
 
8
8
  @use '../../globals/vars' as *;
9
+ @use '../../globals/imports' as *;
9
10
  @use '../../internal/content-section/content-section';
10
11
  @use '../card-group/card-group';
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/type' as *;
15
15
  @use '@carbon/styles/scss/utilities/convert' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../card-group/card-group';
18
19
 
19
20
  @mixin card-section-offset {
@@ -6,5 +6,6 @@
6
6
  */
7
7
 
8
8
  @use '../../globals/vars' as *;
9
+ @use '../../globals/imports' as *;
9
10
  @use '../../internal/content-section/content-section';
10
11
  @use '../card-group/card-group';
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/type' as *;
15
15
  @use '@carbon/styles/scss/components/button' as *;
16
16
  @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
 
18
19
  @mixin carousel {
19
20
  :host(#{$c4d-prefix}-carousel),
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '../../globals/utils/flex-grid' as *;
12
12
  @use '../../globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
  @use '../../internal/content-block';
14
15
  @use '../card-group/card-group';
15
16
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '@carbon/styles/scss/type' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use '../../globals/utils/flex-grid' as *;
15
16
  @use '../../globals/utils/hang' as *;
16
17
  @use '../../internal/content-block';
@@ -11,6 +11,7 @@
11
11
  @use '../../internal/content-block';
12
12
  @use '../content-item-row';
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  @mixin content-block-horizontal {
16
17
  :host(#{$c4d-prefix}-content-block-horizontal) {
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/styles/scss/themes' as *;
11
11
  @use '@carbon/styles/scss/utilities/convert' as *;
12
12
  @use '../../globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
  @use '../../internal/content-block';
14
15
  @use '../../internal/content-group';
15
16
  @use '../../internal/content-item/content-item';
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/utilities/convert' as *;
12
12
  @use '../../globals/utils/flex-grid' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use '../../internal/content-block';
15
16
  @use '../../internal/content-group';
16
17
  @use '../content-group-cards';
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/config' as *;
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '../../internal/content-block';
13
14
  @use '../../internal/content-group';
14
15
  @use '../../internal/content-item/content-item';
@@ -8,6 +8,7 @@
8
8
  @use '@carbon/styles/scss/config' as *;
9
9
  @use '@carbon/styles/scss/utilities/convert' as *;
10
10
  @use '../../globals/vars' as *;
11
+ @use '../../globals/imports' as *;
11
12
  @use '../../internal/content-block';
12
13
  @use '../../internal/content-item/content-item';
13
14
  @use '../image';
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/ibmdotcom-styles/scss/internal/content-block';
11
11
  @use '@carbon/ibmdotcom-styles/scss/internal/content-group';
12
12
  @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
 
14
15
  @mixin content-group {
15
16
  :host(#{$c4d-prefix}-content-group),
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2023
2
+ * Copyright IBM Corp. 2016, 2024
3
3
  *
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.
@@ -12,6 +12,7 @@
12
12
  @use '@carbon/styles/scss/spacing' as *;
13
13
  @use '@carbon/styles/scss/theme' as *;
14
14
  @use '../../globals/vars' as *;
15
+ @use '../../globals/imports' as *;
15
16
  @use '../../internal/content-group';
16
17
  @use '../link-with-icon';
17
18
  @use '../card';
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/config' as *;
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '../pictogram-item';
13
14
 
14
15
  @mixin content-group-pictograms {
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/config' as *;
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '../../internal/content-group';
13
14
 
14
15
  @mixin content-group-simple {
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../link-list';
18
19
 
19
20
  @mixin content-item-row {
@@ -13,6 +13,7 @@
13
13
  @use '@carbon/styles/scss/utilities' as *;
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/vars' as *;
16
+ @use '../../globals/imports' as *;
16
17
  @use '../link-list';
17
18
 
18
19
  @mixin content-item-row-media {
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../../internal/content-block';
18
19
  @use '../../internal/content-item/content-item';
19
20
  @use '../button-group';
@@ -13,6 +13,7 @@
13
13
  @use '@carbon/styles/scss/type' as *;
14
14
  @use '../../globals/utils/flex-grid' as *;
15
15
  @use '../../globals/vars' as *;
16
+ @use '../../globals/imports' as *;
16
17
  @use '../../internal/content-block';
17
18
  @use '../../internal/content-item/content-item';
18
19
  @use '../button-group';
@@ -8,6 +8,7 @@
8
8
  @use '@carbon/styles/scss/config' as *;
9
9
  @use '@carbon/styles/scss/spacing' as *;
10
10
  @use '../../globals/vars' as *;
11
+ @use '../../globals/imports' as *;
11
12
  @use '../footer';
12
13
  @use '../masthead';
13
14
 
@@ -8,6 +8,7 @@
8
8
  @use 'sass:math';
9
9
 
10
10
  @use '../../globals/vars' as *;
11
+ @use '../../globals/imports' as *;
11
12
  @use '@carbon/styles/scss/breakpoint' as *;
12
13
  @use '@carbon/styles/scss/config' as *;
13
14
  @use '@carbon/styles/scss/motion' as *;
@@ -17,6 +17,7 @@
17
17
  @use '@carbon/styles/scss/type' as *;
18
18
  @use '../../globals/utils/flex-grid' as *;
19
19
  @use '../../globals/vars' as *;
20
+ @use '../../globals/imports' as *;
20
21
  @use '../../components/image';
21
22
  @use '../../components/card';
22
23
  @use '../../globals/utils/aspect-ratio' as *;
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '../../globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
  @use '../../globals/utils/aspect-ratio';
14
15
  @use '../../globals/carbon-grid';
15
16
  @use '../../globals/utils/ratio-base' as *;
@@ -18,6 +18,7 @@
18
18
  @use '@carbon/web-components/scss/components/accordion/accordion';
19
19
  @use '@carbon/web-components/scss/components/modal/modal';
20
20
  @use '../../globals/vars' as *;
21
+ @use '../../globals/imports' as *;
21
22
 
22
23
  @mixin filter-panel {
23
24
  .#{$prefix}--filter__heading {
@@ -16,6 +16,7 @@
16
16
  @use '@carbon/styles/scss/utilities/convert' as *;
17
17
  @use '../../globals/utils/flex-grid' as *;
18
18
  @use '../../globals/vars' as *;
19
+ @use '../../globals/imports' as *;
19
20
 
20
21
  /// Footer title styles
21
22
  /// @access private
@@ -13,6 +13,7 @@
13
13
  @use '@carbon/styles/scss/type' as *;
14
14
  @use '../../globals/utils/flex-grid' as *;
15
15
  @use '../../globals/vars' as *;
16
+ @use '../../globals/imports' as *;
16
17
 
17
18
  /// Footer nav group styles
18
19
  /// @access private
@@ -15,6 +15,7 @@
15
15
  @use '@carbon/styles/scss/themes' as *;
16
16
  @use '../../globals/utils/flex-grid' as *;
17
17
  @use '../../globals/vars' as *;
18
+ @use '../../globals/imports' as *;
18
19
 
19
20
  /// Footer nav styles
20
21
  /// @access private
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/layout' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
 
18
19
  @use '@carbon/styles/scss/components/accordion';
19
20
  @use '@carbon/styles/scss/components/combo-box';
@@ -12,6 +12,7 @@
12
12
  @use '@carbon/styles/scss/themes' as *;
13
13
  @use '@carbon/styles/scss/type' as *;
14
14
  @use '../../globals/vars' as *;
15
+ @use '../../globals/imports' as *;
15
16
  @use '../../globals/utils/flex-grid' as *;
16
17
 
17
18
  /// Legal nav styles
@@ -15,6 +15,7 @@
15
15
  @use '@carbon/styles/scss/type' as *;
16
16
  @use '../../globals/utils/flex-grid' as *;
17
17
  @use '../../globals/vars' as *;
18
+ @use '../../globals/imports' as *;
18
19
 
19
20
  /// Footer locale button
20
21
  /// @access private
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../image/index';
18
19
 
19
20
  @mixin global-banner {
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/utilities/convert' as *;
12
12
  @use '@carbon/styles/scss/theme' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  @mixin horizontal-rule {
16
17
  $subtle-contrast: $border-subtle-01;
@@ -6,6 +6,7 @@
6
6
  */
7
7
 
8
8
  @use '../../globals/vars' as *;
9
+ @use '../../globals/imports' as *;
9
10
  @use '../../globals/utils/ratio-base' as *;
10
11
  @use '@carbon/styles/scss/config' as *;
11
12
  @use '@carbon/styles/scss/spacing' as *;
@@ -10,6 +10,7 @@
10
10
  @use '@carbon/styles/scss/spacing' as *;
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '../../globals/vars' as *;
13
+ @use '../../globals/imports' as *;
13
14
  @use '../../internal/content-group';
14
15
  @use '../../globals/tokens/color-tokens' as *;
15
16
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '../../globals/utils/flex-grid' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  // $carbon--layouts has been replaced by standard spacing tokens
16
17
  $layout-spacings: $spacing-05, $spacing-06, $spacing-07, $spacing-09,
@@ -20,6 +20,7 @@
20
20
  @use '../../globals/utils/flex-grid' as *;
21
21
  @use '../../globals/utils/ratio-base' as *;
22
22
  @use '../../globals/vars' as *;
23
+ @use '../../globals/imports' as *;
23
24
  @use '../button-group';
24
25
  @use '../image';
25
26
 
@@ -15,6 +15,7 @@
15
15
  @use '../../globals/utils/content-width' as *;
16
16
  @use '../../globals/utils/hang' as *;
17
17
  @use '../../globals/vars' as *;
18
+ @use '../../globals/imports' as *;
18
19
  @use '../link-list';
19
20
  @use '../image';
20
21
  @use '../../internal/content-block';
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/utilities/convert' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../../internal/content-block';
18
19
  @use '../leadspace-block';
19
20
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/type' as *;
12
12
  @use '@carbon/web-components/scss/components/modal/modal' as *;
13
13
  @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  @mixin leaving-ibm {
16
17
  :host(#{$c4d-prefix}-leaving-ibm-composite),
@@ -14,6 +14,7 @@
14
14
  @use '../expressive-modal/expressive-modal';
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../expressive-modal' as *;
18
19
  @use '../video-player' as *;
19
20
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '@carbon/styles/scss/type' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use '../../globals/utils/flex-grid' as *;
15
16
  @use '../card';
16
17
  @use '../link-with-icon';
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/ibmdotcom-styles/scss/internal/content-section';
12
12
  @use '@carbon/ibmdotcom-styles/scss/globals/utils/flex-grid' as *;
13
13
  @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
 
15
16
  @mixin link-list-section {
16
17
  :host(#{$c4d-prefix}-link-list-section) {
@@ -12,6 +12,7 @@
12
12
  @use '@carbon/styles/scss/type' as *;
13
13
  @use '@carbon/styles/scss/components/link';
14
14
  @use '../../globals/vars' as *;
15
+ @use '../../globals/imports' as *;
15
16
  @use '../lightbox-media-viewer/lightbox-media-viewer';
16
17
 
17
18
  @mixin link-with-icon {
@@ -9,6 +9,7 @@
9
9
  @use '@carbon/styles/scss/spacing' as *;
10
10
  @use '@carbon/styles/scss/type' as *;
11
11
  @use '../../globals/vars' as *;
12
+ @use '../../globals/imports' as *;
12
13
  @use '@carbon/styles/scss/components/list';
13
14
 
14
15
  @mixin list {
@@ -15,6 +15,7 @@
15
15
  @use '@carbon/styles/scss/type' as *;
16
16
  @use '@carbon/layout/scss/convert' as *;
17
17
  @use '../../globals/vars' as *;
18
+ @use '../../globals/imports' as *;
18
19
  @use '../../globals/utils/flex-grid' as *;
19
20
 
20
21
  @use '../card' as *;
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/type' as *;
15
15
  @use '../../globals/utils/flex-grid' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
  @use '../../globals/utils/hang' as *;
18
19
  @use '../../globals/utils/aspect-ratio';
19
20
  @use '../image';
@@ -16,6 +16,7 @@
16
16
  @use '@carbon/styles/scss/utilities/convert' as *;
17
17
  @use '@carbon/styles/scss/components/button/tokens' as *;
18
18
  @use '../../globals/vars' as *;
19
+ @use '../../globals/imports' as *;
19
20
  @use 'vars' as *;
20
21
 
21
22
  /// @access private
@@ -14,6 +14,7 @@
14
14
  @use '@carbon/styles/scss/themes' as *;
15
15
  @use '@carbon/styles/scss/type' as *;
16
16
  @use '../../globals/vars' as *;
17
+ @use '../../globals/imports' as *;
17
18
 
18
19
  // Include left navigation component
19
20
  /// @access private
@@ -15,6 +15,7 @@
15
15
  @use '@carbon/styles/scss/utilities/convert' as *;
16
16
  @use '../../globals/utils/flex-grid' as *;
17
17
  @use '../../globals/vars' as *;
18
+ @use '../../globals/imports' as *;
18
19
 
19
20
  @mixin masthead-megamenu-limit-height {
20
21
  overflow: var(--#{$c4d-prefix}-masthead-overflow);
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '@carbon/styles/scss/type' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use 'vars' as *;
15
16
 
16
17
  /// @access private
@@ -21,6 +21,7 @@
21
21
  @use '@carbon/styles/scss/utilities' as *;
22
22
  @use '@carbon/styles/scss/utilities/convert' as *;
23
23
  @use '../../globals/vars' as *;
24
+ @use '../../globals/imports' as *;
24
25
  @use '../link-with-icon';
25
26
  @use 'vars' as *;
26
27
 
@@ -11,6 +11,7 @@
11
11
  @use '@carbon/styles/scss/theme' as *;
12
12
  @use '../../globals/utils/flex-grid' as *;
13
13
  @use '../../globals/vars' as *;
14
+ @use '../../globals/imports' as *;
14
15
  @use '../../internal/content-item/content-item';
15
16
  @use '../link-with-icon';
16
17