@carbon/styles 1.80.0 → 1.81.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.
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.
|
|
4
|
+
"version": "1.81.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@carbon/colors": "^11.
|
|
43
|
+
"@carbon/colors": "^11.33.0-rc.0",
|
|
44
44
|
"@carbon/feature-flags": "^0.26.0",
|
|
45
|
-
"@carbon/grid": "^11.
|
|
46
|
-
"@carbon/layout": "^11.
|
|
47
|
-
"@carbon/motion": "^11.
|
|
48
|
-
"@carbon/themes": "^11.
|
|
49
|
-
"@carbon/type": "^11.
|
|
45
|
+
"@carbon/grid": "^11.36.0-rc.0",
|
|
46
|
+
"@carbon/layout": "^11.34.0-rc.0",
|
|
47
|
+
"@carbon/motion": "^11.28.0-rc.0",
|
|
48
|
+
"@carbon/themes": "^11.52.0-rc.0",
|
|
49
|
+
"@carbon/type": "^11.40.0-rc.0",
|
|
50
50
|
"@ibm/plex": "6.0.0-next.6",
|
|
51
51
|
"@ibm/plex-mono": "0.0.3-alpha.0",
|
|
52
52
|
"@ibm/plex-sans": "0.0.3-alpha.0",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"scss/**/*.css",
|
|
76
76
|
"css/**/*.css"
|
|
77
77
|
],
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "3b78e2acacf62b0a9e5425e5f3b43e6798cd209f"
|
|
79
79
|
}
|
|
@@ -38,12 +38,19 @@
|
|
|
38
38
|
|
|
39
39
|
.#{$prefix}--page-header__content__title-wrapper {
|
|
40
40
|
@include breakpoint-down(md) {
|
|
41
|
+
display: flex;
|
|
41
42
|
flex-direction: column;
|
|
43
|
+
grid-gap: $spacing-05;
|
|
42
44
|
}
|
|
43
45
|
|
|
44
|
-
display:
|
|
45
|
-
justify-content: space-between;
|
|
46
|
+
display: grid;
|
|
46
47
|
gap: $spacing-05;
|
|
48
|
+
grid-template-columns: auto minmax(
|
|
49
|
+
var(--pageheader-title-grid-width, 0),
|
|
50
|
+
1fr
|
|
51
|
+
);
|
|
52
|
+
margin-block-end: 1rem;
|
|
53
|
+
min-block-size: convert.to-rem(40px);
|
|
47
54
|
}
|
|
48
55
|
|
|
49
56
|
.#{$prefix}--page-header__content__start {
|
|
@@ -56,6 +63,11 @@
|
|
|
56
63
|
display: flex;
|
|
57
64
|
}
|
|
58
65
|
|
|
66
|
+
.#{$prefix}--page-header__content__title-container
|
|
67
|
+
.#{$prefix}--definition-term {
|
|
68
|
+
border-block-end: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
59
71
|
.#{$prefix}--page-header__content__contextual-actions {
|
|
60
72
|
display: flex;
|
|
61
73
|
}
|
|
@@ -85,13 +97,23 @@
|
|
|
85
97
|
|
|
86
98
|
.#{$prefix}--page-header__content__page-actions {
|
|
87
99
|
display: flex;
|
|
88
|
-
|
|
100
|
+
justify-content: right;
|
|
101
|
+
|
|
102
|
+
@include breakpoint-down('md') {
|
|
103
|
+
justify-content: left;
|
|
104
|
+
margin-block-start: 0;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.#{$prefix}--page-header__content__page-actions
|
|
109
|
+
.#{$prefix}--menu-button__trigger:not(.#{$prefix}--btn--ghost) {
|
|
110
|
+
min-inline-size: 0;
|
|
89
111
|
}
|
|
90
112
|
|
|
91
113
|
.#{$prefix}--page-header__content__subtitle {
|
|
92
114
|
@include type-style('productive-heading-03');
|
|
93
115
|
|
|
94
|
-
margin-block-
|
|
116
|
+
margin-block-end: $spacing-03;
|
|
95
117
|
}
|
|
96
118
|
|
|
97
119
|
.#{$prefix}--page-header__content__body {
|
|
@@ -108,10 +130,15 @@
|
|
|
108
130
|
margin-block-start: $spacing-05;
|
|
109
131
|
}
|
|
110
132
|
|
|
133
|
+
[data-hidden]:not([data-fixed]) {
|
|
134
|
+
display: none;
|
|
135
|
+
}
|
|
136
|
+
|
|
111
137
|
.#{$prefix}--page-header__hero-image {
|
|
112
138
|
display: flex;
|
|
113
139
|
overflow: hidden;
|
|
114
140
|
align-items: center;
|
|
141
|
+
justify-content: end;
|
|
115
142
|
block-size: 100%;
|
|
116
143
|
}
|
|
117
144
|
|