@carbon/styles 0.6.0 → 0.7.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 (6) hide show
  1. package/package.json +3 -3
  2. package/scss/components/accordion/_accordion.scss +6 -2
  3. package/scss/components/notification/_actionable-notification.scss +3 -0
  4. package/scss/components/slider/_slider.scss +1 -1
  5. package/scss/components/tag/_tag.scss +6 -0
  6. package/scss/utilities/_box-shadow.scss +3 -1
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": "0.6.0",
4
+ "version": "0.7.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -25,7 +25,7 @@
25
25
  "@carbon/grid": "^10.37.0",
26
26
  "@carbon/layout": "^10.33.0",
27
27
  "@carbon/motion": "^10.25.0",
28
- "@carbon/themes": "^10.44.0",
28
+ "@carbon/themes": "^10.45.0-rc.0",
29
29
  "@carbon/type": "^10.37.0",
30
30
  "@ibm/plex": "6.0.0-next.6"
31
31
  },
@@ -33,5 +33,5 @@
33
33
  "@carbon/test-utils": "^10.19.0",
34
34
  "css": "^3.0.0"
35
35
  },
36
- "gitHead": "90b2b8c089af8fc2f9db25255d4b27d5b16ca5fe"
36
+ "gitHead": "f0790b800558cdc7aee71fd6f57e6575064fdb80"
37
37
  }
package/scss/components/accordion/_accordion.scss CHANGED
@@ -183,11 +183,15 @@ $content-padding: 0 0 0 $spacing-05 !default;
183
183
 
184
184
  .#{$prefix}--accordion--start .#{$prefix}--accordion__arrow {
185
185
  // Alters `$arrow-margin` token:
186
- margin: 2px 0 0 $spacing-03;
186
+ margin: 2px 0 0 $spacing-05;
187
+ }
188
+
189
+ .#{$prefix}--accordion--start .#{$prefix}--accordion__title {
190
+ margin-right: $spacing-05;
187
191
  }
188
192
 
189
193
  .#{$prefix}--accordion--start .#{$prefix}--accordion__content {
190
- margin-left: $spacing-06;
194
+ margin-left: $spacing-07;
191
195
  }
192
196
 
193
197
  .#{$prefix}--accordion__item--collapsing .#{$prefix}--accordion__content,
package/scss/components/notification/_actionable-notification.scss CHANGED
@@ -190,7 +190,10 @@
190
190
  display: flex;
191
191
  flex-grow: 1;
192
192
  margin: 0 $spacing-09 0 $spacing-05;
193
+ }
193
194
 
195
+ .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--toast)
196
+ .#{$prefix}--actionable-notification__details {
194
197
  @include breakpoint(md) {
195
198
  margin: 0 $spacing-05;
196
199
  }
package/scss/components/slider/_slider.scss CHANGED
@@ -124,7 +124,7 @@
124
124
 
125
125
  .#{$prefix}--slider-text-input,
126
126
  .#{$prefix}-slider-text-input {
127
- width: auto;
127
+ width: rem(64px);
128
128
  height: rem(40px);
129
129
  -moz-appearance: textfield;
130
130
  text-align: center;
package/scss/components/tag/_tag.scss CHANGED
@@ -114,6 +114,12 @@
114
114
  );
115
115
  }
116
116
 
117
+ .#{$prefix}--tag--outline {
118
+ @include tag-theme($background, $text-primary, $layer-hover);
119
+
120
+ box-shadow: inset 0 0 0 1px $background-inverse;
121
+ }
122
+
117
123
  .#{$prefix}--tag--disabled,
118
124
  .#{$prefix}--tag--filter.#{$prefix}--tag--disabled,
119
125
  .#{$prefix}--tag--interactive.#{$prefix}--tag--disabled {
package/scss/utilities/_box-shadow.scss CHANGED
@@ -5,10 +5,12 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ @use '../theme';
9
+
8
10
  /// Adds box shadow
9
11
  /// @access public
10
12
  /// @example @include box-shadow;
11
13
  /// @group utilities
12
14
  @mixin box-shadow {
13
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
15
+ box-shadow: 0 2px 6px theme.$shadow;
14
16
  }