@carbon/ibm-products 2.43.2-canary.304 → 2.43.2-canary.305
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/css/index-full-carbon.css +12 -6
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +12 -6
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +12 -6
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +12 -6
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Card/Card.d.ts +5 -1
- package/es/components/Card/Card.js +9 -2
- package/es/components/Card/CardHeader.d.ts +12 -2
- package/es/components/Card/CardHeader.js +17 -9
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +5 -0
- package/es/components/ProductiveCard/ProductiveCard.d.ts +5 -0
- package/es/components/ProductiveCard/ProductiveCard.js +4 -0
- package/lib/components/Card/Card.d.ts +5 -1
- package/lib/components/Card/Card.js +9 -2
- package/lib/components/Card/CardHeader.d.ts +12 -2
- package/lib/components/Card/CardHeader.js +17 -9
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
- package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -0
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +5 -0
- package/lib/components/ProductiveCard/ProductiveCard.js +4 -0
- package/package.json +3 -3
- package/scss/components/Card/_card.scss +14 -6
|
@@ -4132,16 +4132,19 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
4132
4132
|
right: 1rem;
|
|
4133
4133
|
}
|
|
4134
4134
|
|
|
4135
|
-
.c4p--card__header-container--has-slug
|
|
4135
|
+
.c4p--card__header-container--has-slug,
|
|
4136
|
+
.c4p--card__header-container--has-ai-label {
|
|
4136
4137
|
width: 100%;
|
|
4137
4138
|
padding-right: 2rem;
|
|
4138
4139
|
}
|
|
4139
4140
|
|
|
4140
|
-
.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions
|
|
4141
|
+
.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
|
|
4142
|
+
.c4p--card__header-container--has-ai-label.c4p--card__header-container--has-actions {
|
|
4141
4143
|
padding-right: 2.5rem;
|
|
4142
4144
|
}
|
|
4143
4145
|
|
|
4144
|
-
.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label
|
|
4146
|
+
.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
|
|
4147
|
+
.c4p--card__header-container--has-ai-label.c4p--card__header-container--large-tile-or-label {
|
|
4145
4148
|
padding-right: 3rem;
|
|
4146
4149
|
}
|
|
4147
4150
|
|
|
@@ -4154,13 +4157,15 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
4154
4157
|
pointer-events: none;
|
|
4155
4158
|
}
|
|
4156
4159
|
|
|
4157
|
-
.c4p--card--has-slug
|
|
4160
|
+
.c4p--card--has-slug,
|
|
4161
|
+
.c4p--card--has-ai-label {
|
|
4158
4162
|
background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
|
|
4159
4163
|
border: 1px solid transparent;
|
|
4160
4164
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
|
|
4161
4165
|
}
|
|
4162
4166
|
|
|
4163
|
-
.c4p--card__clickable.c4p--card--has-slug::before
|
|
4167
|
+
.c4p--card__clickable.c4p--card--has-slug::before,
|
|
4168
|
+
.c4p--card__clickable.c4p--card--has-ai-label::before {
|
|
4164
4169
|
background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
|
|
4165
4170
|
position: absolute;
|
|
4166
4171
|
display: block;
|
|
@@ -4174,7 +4179,8 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
4174
4179
|
transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
|
4175
4180
|
}
|
|
4176
4181
|
|
|
4177
|
-
.c4p--card__clickable.c4p--card--has-slug:hover::before
|
|
4182
|
+
.c4p--card__clickable.c4p--card--has-slug:hover::before,
|
|
4183
|
+
.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
|
|
4178
4184
|
opacity: 1;
|
|
4179
4185
|
}
|
|
4180
4186
|
|