@carbon/styles 1.36.0-rc.0 → 1.36.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.
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.36.0
|
|
4
|
+
"version": "1.36.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@carbon/colors": "^11.19.0",
|
|
42
42
|
"@carbon/feature-flags": "^0.16.0",
|
|
43
|
-
"@carbon/grid": "^11.19.0
|
|
44
|
-
"@carbon/layout": "^11.19.0
|
|
43
|
+
"@carbon/grid": "^11.19.0",
|
|
44
|
+
"@carbon/layout": "^11.19.0",
|
|
45
45
|
"@carbon/motion": "^11.15.0",
|
|
46
|
-
"@carbon/themes": "^11.24.0
|
|
47
|
-
"@carbon/type": "^11.23.0
|
|
46
|
+
"@carbon/themes": "^11.24.0",
|
|
47
|
+
"@carbon/type": "^11.23.0",
|
|
48
48
|
"@ibm/plex": "6.0.0-next.6"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"scss/**/*.css",
|
|
66
66
|
"css/**/*.css"
|
|
67
67
|
],
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "34d9b328b856918ec5a3bfc720f4b3ba3d45daf4"
|
|
69
69
|
}
|
|
@@ -125,8 +125,8 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
|
|
|
125
125
|
.#{$prefix}--tile--clickable.#{$prefix}--link--disabled
|
|
126
126
|
.#{$prefix}--tile--disabled-icon {
|
|
127
127
|
position: absolute;
|
|
128
|
-
|
|
129
|
-
|
|
128
|
+
inset-block-end: layout.density('padding-inline');
|
|
129
|
+
inset-inline-end: layout.density('padding-inline');
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.#{$prefix}--tile--clickable .#{$prefix}--tile--icon {
|
|
@@ -157,11 +157,11 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
|
|
|
157
157
|
|
|
158
158
|
.#{$prefix}--tile__checkmark {
|
|
159
159
|
position: absolute;
|
|
160
|
-
top: layout.density('padding-inline');
|
|
161
|
-
right: layout.density('padding-inline');
|
|
162
160
|
height: 1rem;
|
|
163
161
|
border: none;
|
|
164
162
|
background: transparent;
|
|
163
|
+
inset-block-start: layout.density('padding-inline');
|
|
164
|
+
inset-inline-end: layout.density('padding-inline');
|
|
165
165
|
opacity: 0;
|
|
166
166
|
transition: $duration-fast-02 motion(standard, productive);
|
|
167
167
|
|
|
@@ -181,13 +181,13 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
|
|
|
181
181
|
|
|
182
182
|
.#{$prefix}--tile__chevron {
|
|
183
183
|
position: absolute;
|
|
184
|
-
right: 0;
|
|
185
|
-
bottom: 0;
|
|
186
184
|
display: flex;
|
|
187
185
|
width: $-icon-container-size;
|
|
188
186
|
height: $-icon-container-size;
|
|
189
187
|
align-items: center;
|
|
190
188
|
justify-content: center;
|
|
189
|
+
inset-block-end: 0;
|
|
190
|
+
inset-inline-end: 0;
|
|
191
191
|
|
|
192
192
|
svg {
|
|
193
193
|
fill: $icon-primary;
|
|
@@ -211,13 +211,13 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
|
|
|
211
211
|
@include button-reset.reset;
|
|
212
212
|
|
|
213
213
|
position: absolute;
|
|
214
|
-
right: 0;
|
|
215
|
-
bottom: 0;
|
|
216
214
|
display: flex;
|
|
217
215
|
width: $-icon-container-size;
|
|
218
216
|
height: $-icon-container-size;
|
|
219
217
|
align-items: center;
|
|
220
218
|
justify-content: center;
|
|
219
|
+
inset-block-end: 0;
|
|
220
|
+
inset-inline-end: 0;
|
|
221
221
|
|
|
222
222
|
&:focus {
|
|
223
223
|
outline: 2px solid $focus;
|
|
@@ -239,7 +239,7 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
|
|
|
239
239
|
cursor: pointer;
|
|
240
240
|
font-family: inherit;
|
|
241
241
|
font-size: inherit;
|
|
242
|
-
text-align:
|
|
242
|
+
text-align: start;
|
|
243
243
|
transition: max-height $duration-moderate-01 motion(standard, productive);
|
|
244
244
|
|
|
245
245
|
@include type-style('body-compact-01');
|
|
@@ -26,6 +26,21 @@ $base-font-size: 16px !default;
|
|
|
26
26
|
@return math.div($px, $base-font-size) * 1rem;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
/// This function causes an error when using sass > 1.65.0
|
|
30
|
+
/// Replaced with `to-rem` function
|
|
31
|
+
/// @param {Number} $px - Number with px unit
|
|
32
|
+
/// @return {Number} Number with rem unit
|
|
33
|
+
/// @access public
|
|
34
|
+
/// @deprecated
|
|
35
|
+
/// @group @carbon/layout
|
|
36
|
+
@function rem($px) {
|
|
37
|
+
@if unit($px) != 'px' {
|
|
38
|
+
@error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@return math.div($px, $base-font-size) * 1rem;
|
|
42
|
+
}
|
|
43
|
+
|
|
29
44
|
/// Convert a given px unit to a em unit
|
|
30
45
|
/// @param {Number} $px - Number with px unit
|
|
31
46
|
/// @return {Number} Number with em unit
|