@telia/teddy 0.6.14 → 0.6.15
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/dist/assets/{sprite.c3af21af-teddy.svg → sprite.c7653d19-teddy.svg} +23 -9
- package/dist/components/accordion/accordion-indicator.cjs +1 -1
- package/dist/components/accordion/accordion-indicator.js +1 -1
- package/dist/components/avatar/avatar-root.cjs +1 -1
- package/dist/components/avatar/avatar-root.d.ts +1 -1
- package/dist/components/avatar/avatar-root.js +1 -1
- package/dist/components/avatar/index.d.ts +1 -1
- package/dist/components/badge/badge.cjs +1 -1
- package/dist/components/badge/badge.js +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-link.cjs +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-link.js +1 -1
- package/dist/components/card/card-button.cjs +7 -0
- package/dist/components/card/card-button.js +7 -0
- package/dist/components/card/card.cjs +72 -52
- package/dist/components/card/card.js +72 -52
- package/dist/components/carousel/carousel-root.cjs +1 -1
- package/dist/components/carousel/carousel-root.js +1 -1
- package/dist/components/checkbox/checkbox-indicator.cjs +1 -1
- package/dist/components/checkbox/checkbox-indicator.js +1 -1
- package/dist/components/chip/chip-indicator.cjs +1 -1
- package/dist/components/chip/chip-indicator.d.ts +1 -1
- package/dist/components/chip/chip-indicator.js +1 -1
- package/dist/components/chip/index.d.ts +1 -1
- package/dist/components/dashboard-card/dashboard-card-avatar.d.ts +1 -1
- package/dist/components/dashboard-card/dashboard-card-root.cjs +1 -1
- package/dist/components/dashboard-card/dashboard-card-root.js +1 -1
- package/dist/components/date-picker/date-picker-input.cjs +1 -1
- package/dist/components/date-picker/date-picker-input.js +1 -1
- package/dist/components/date-picker/date-picker.cjs +1 -1
- package/dist/components/date-picker/date-picker.js +1 -1
- package/dist/components/drawer/drawer-close.cjs +1 -1
- package/dist/components/drawer/drawer-close.js +1 -1
- package/dist/components/expandable-card/expandable-card-indicator.cjs +1 -1
- package/dist/components/expandable-card/expandable-card-indicator.js +1 -1
- package/dist/components/field-error-text/field-error-text.cjs +1 -1
- package/dist/components/field-error-text/field-error-text.js +1 -1
- package/dist/components/icon/AllIcons.cjs +23 -9
- package/dist/components/icon/AllIcons.js +23 -9
- package/dist/components/icon/icon.cjs +1 -1
- package/dist/components/icon/icon.js +1 -1
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon/utils.d.ts +1 -1
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/input/input-clear-button.cjs +1 -1
- package/dist/components/input/input-clear-button.js +1 -1
- package/dist/components/input/input-group.cjs +1 -1
- package/dist/components/input/input-group.js +1 -1
- package/dist/components/input/input-indicator.cjs +1 -1
- package/dist/components/input/input-indicator.js +1 -1
- package/dist/components/modal/modal-close.cjs +1 -1
- package/dist/components/modal/modal-close.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +1 -1
- package/dist/components/navigation-menu/navigation-menu.cjs +1 -1
- package/dist/components/navigation-menu/navigation-menu.js +1 -1
- package/dist/components/notabene/notabene-icon.cjs +1 -1
- package/dist/components/notabene/notabene-icon.d.ts +1 -1
- package/dist/components/notabene/notabene-icon.js +1 -1
- package/dist/components/notification/index.d.ts +24 -0
- package/dist/components/notification/notification-dismiss.cjs +1 -1
- package/dist/components/notification/notification-dismiss.js +1 -1
- package/dist/components/notification/notification-icon.cjs +1 -1
- package/dist/components/notification/notification-icon.d.ts +1 -1
- package/dist/components/notification/notification-icon.js +1 -1
- package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -1
- package/dist/components/radio-card-group/radio-card-group-content.js +1 -1
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -1
- package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -1
- package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -1
- package/dist/components/radio-card-group/radio-card-group-item.js +1 -1
- package/dist/components/scroll-area/scroll-area-button.cjs +1 -1
- package/dist/components/scroll-area/scroll-area-button.js +1 -1
- package/dist/components/scroll-area/scroll-area-thumb.cjs +1 -1
- package/dist/components/scroll-area/scroll-area-thumb.js +1 -1
- package/dist/components/select/select-indicator.cjs +1 -1
- package/dist/components/select/select-indicator.js +1 -1
- package/dist/components/toast/toast-root.cjs +1 -1
- package/dist/components/toast/toast-root.js +1 -1
- package/dist/components/toggle/toggle.cjs +1 -1
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggletip/toggletip-close.cjs +1 -1
- package/dist/components/toggletip/toggletip-close.js +1 -1
- package/dist/components/tooltip/tooltip-trigger.cjs +1 -1
- package/dist/components/tooltip/tooltip-trigger.js +1 -1
- package/dist/icons/category.cjs +6 -3
- package/dist/icons/category.d.ts +17 -8
- package/dist/icons/category.js +6 -3
- package/dist/icons/name.cjs +6 -3
- package/dist/icons/name.d.ts +1 -1
- package/dist/icons/name.js +6 -3
- package/dist/main.cjs +1 -1
- package/dist/main.js +1 -1
- package/dist/style.css +122 -118
- package/package.json +1 -1
package/dist/icons/name.js
CHANGED
|
@@ -33,6 +33,7 @@ const iconNames = [
|
|
|
33
33
|
"share",
|
|
34
34
|
"shortcut",
|
|
35
35
|
"shuffle",
|
|
36
|
+
"sync",
|
|
36
37
|
"skip-back-10sec",
|
|
37
38
|
"skip-back-30sec",
|
|
38
39
|
"skip-forward-10sec",
|
|
@@ -40,7 +41,6 @@ const iconNames = [
|
|
|
40
41
|
"star-filled",
|
|
41
42
|
"star",
|
|
42
43
|
"switch-arrows",
|
|
43
|
-
"sync",
|
|
44
44
|
"tv-next",
|
|
45
45
|
"tv-pause",
|
|
46
46
|
"tv-previous",
|
|
@@ -87,6 +87,8 @@ const iconNames = [
|
|
|
87
87
|
"smiley-happy",
|
|
88
88
|
"smiley-neutral",
|
|
89
89
|
"smiley-sad",
|
|
90
|
+
"smiley-very-happy",
|
|
91
|
+
"smiley-very-sad",
|
|
90
92
|
"sms",
|
|
91
93
|
"support",
|
|
92
94
|
"user-admin",
|
|
@@ -186,6 +188,7 @@ const iconNames = [
|
|
|
186
188
|
"payment-success",
|
|
187
189
|
"savings",
|
|
188
190
|
"wallet",
|
|
191
|
+
"AI-star",
|
|
189
192
|
"airplay",
|
|
190
193
|
"camera",
|
|
191
194
|
"entertainment",
|
|
@@ -267,8 +270,8 @@ const iconNames = [
|
|
|
267
270
|
"smart-connect",
|
|
268
271
|
"snowflake",
|
|
269
272
|
"speedometer",
|
|
270
|
-
"split",
|
|
271
273
|
"spyware",
|
|
274
|
+
"split",
|
|
272
275
|
"stop",
|
|
273
276
|
"suitcase",
|
|
274
277
|
"sustainability",
|
|
@@ -288,13 +291,13 @@ const iconNames = [
|
|
|
288
291
|
"bankid",
|
|
289
292
|
"facebook",
|
|
290
293
|
"instagram",
|
|
294
|
+
"youtube",
|
|
291
295
|
"linkedin",
|
|
292
296
|
"snapchat",
|
|
293
297
|
"telia-logo",
|
|
294
298
|
"whatsapp",
|
|
295
299
|
"windows",
|
|
296
300
|
"x",
|
|
297
|
-
"youtube",
|
|
298
301
|
"alert-filled",
|
|
299
302
|
"alert",
|
|
300
303
|
"check-circle-filled",
|
package/dist/main.cjs
CHANGED
|
@@ -43,7 +43,7 @@ const components_badge_counterBadge = require("./components/badge/counter-badge.
|
|
|
43
43
|
const components_button_button = require("./components/button/button.cjs");
|
|
44
44
|
const components_fieldErrorText_fieldErrorText = require("./components/field-error-text/field-error-text.cjs");
|
|
45
45
|
const components_helperText_helperText = require("./components/helper-text/helper-text.cjs");
|
|
46
|
-
const iconsHref = require("./assets/sprite.
|
|
46
|
+
const iconsHref = require("./assets/sprite.c7653d19-teddy.svg");
|
|
47
47
|
const components_icon_icon = require("./components/icon/icon.cjs");
|
|
48
48
|
const components_icon_utils = require("./components/icon/utils.cjs");
|
|
49
49
|
const components_icon_AllIcons = require("./components/icon/AllIcons.cjs");
|
package/dist/main.js
CHANGED
|
@@ -41,7 +41,7 @@ import { CounterBadge } from "./components/badge/counter-badge.js";
|
|
|
41
41
|
import { Button } from "./components/button/button.js";
|
|
42
42
|
import { FieldErrorText } from "./components/field-error-text/field-error-text.js";
|
|
43
43
|
import { HelperText } from "./components/helper-text/helper-text.js";
|
|
44
|
-
import { default as default2 } from "./assets/sprite.
|
|
44
|
+
import { default as default2 } from "./assets/sprite.c7653d19-teddy.svg";
|
|
45
45
|
import { Icon } from "./components/icon/icon.js";
|
|
46
46
|
import { isIconName } from "./components/icon/utils.js";
|
|
47
47
|
import { default as default3 } from "./components/icon/AllIcons.js";
|
package/dist/style.css
CHANGED
|
@@ -1113,32 +1113,36 @@
|
|
|
1113
1113
|
}
|
|
1114
1114
|
}@layer heading, flex, grid, button, card;
|
|
1115
1115
|
@layer card {
|
|
1116
|
-
._teddy-
|
|
1116
|
+
._teddy-card_1p563_3:focus-visible {
|
|
1117
|
+
outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
|
|
1118
|
+
outline-offset: 2px;
|
|
1119
|
+
}
|
|
1120
|
+
._teddy-card_1p563_3 {
|
|
1117
1121
|
border-radius: var(--teddy-border-radius-md);
|
|
1118
1122
|
padding: var(--teddy-spacing-250);
|
|
1119
1123
|
position: relative;
|
|
1120
1124
|
}
|
|
1121
1125
|
@media (prefers-reduced-motion: no-preference) {
|
|
1122
|
-
._teddy-
|
|
1126
|
+
._teddy-card_1p563_3 {
|
|
1123
1127
|
transition: background-color var(--teddy-motion-duration-100) ease;
|
|
1124
1128
|
}
|
|
1125
1129
|
}
|
|
1126
|
-
._teddy-
|
|
1130
|
+
._teddy-card__slot_1p563_17 {
|
|
1127
1131
|
transform: translateY(-50%);
|
|
1128
1132
|
}
|
|
1129
|
-
._teddy-card__slot--
|
|
1133
|
+
._teddy-card__slot--bottom_1p563_20 {
|
|
1130
1134
|
transform: translateY(50%);
|
|
1131
1135
|
}
|
|
1132
|
-
._teddy-card__slot--
|
|
1136
|
+
._teddy-card__slot--center_1p563_23 {
|
|
1133
1137
|
transform: translate(-50%, -50%);
|
|
1134
1138
|
}
|
|
1135
|
-
._teddy-card__slot--
|
|
1139
|
+
._teddy-card__slot--bottom_1p563_20._teddy-card__slot--center_1p563_23 {
|
|
1136
1140
|
transform: translate(-50%, 50%);
|
|
1137
1141
|
}
|
|
1138
|
-
._teddy-card__slot--no-
|
|
1142
|
+
._teddy-card__slot--no-translate_1p563_29 {
|
|
1139
1143
|
transform: initial;
|
|
1140
1144
|
}
|
|
1141
|
-
._teddy-
|
|
1145
|
+
._teddy-card_1p563_3::before {
|
|
1142
1146
|
content: "";
|
|
1143
1147
|
display: block;
|
|
1144
1148
|
position: absolute;
|
|
@@ -1149,95 +1153,95 @@
|
|
|
1149
1153
|
box-shadow: var(--teddy-shadow-sm);
|
|
1150
1154
|
}
|
|
1151
1155
|
@media (prefers-reduced-motion: no-preference) {
|
|
1152
|
-
._teddy-
|
|
1156
|
+
._teddy-card_1p563_3::before {
|
|
1153
1157
|
transition: var(--teddy-motion-duration-300) ease;
|
|
1154
1158
|
transition-property: opacity, box-shadow;
|
|
1155
1159
|
}
|
|
1156
1160
|
}
|
|
1157
|
-
._teddy-card--
|
|
1161
|
+
._teddy-card--shadow_1p563_48::before {
|
|
1158
1162
|
opacity: 1;
|
|
1159
1163
|
}
|
|
1160
|
-
._teddy-
|
|
1164
|
+
._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1161
1165
|
cursor: pointer;
|
|
1162
1166
|
}
|
|
1163
|
-
._teddy-
|
|
1167
|
+
._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51))::before {
|
|
1164
1168
|
opacity: 1;
|
|
1165
1169
|
box-shadow: var(--teddy-shadow-md);
|
|
1166
1170
|
}
|
|
1167
|
-
._teddy-card--
|
|
1171
|
+
._teddy-card--border_1p563_58 {
|
|
1168
1172
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
1169
1173
|
}
|
|
1170
|
-
._teddy-card--
|
|
1174
|
+
._teddy-card--layout_1p563_61 ._teddy-card__illustration_1p563_61 {
|
|
1171
1175
|
grid-area: illustration;
|
|
1172
1176
|
}
|
|
1173
|
-
._teddy-card--
|
|
1177
|
+
._teddy-card--layout_1p563_61 ._teddy-card__carousel_1p563_64 {
|
|
1174
1178
|
grid-area: carousel;
|
|
1175
1179
|
}
|
|
1176
|
-
._teddy-card--
|
|
1180
|
+
._teddy-card--layout_1p563_61 ._teddy-card__content_1p563_67 {
|
|
1177
1181
|
grid-area: content;
|
|
1178
1182
|
}
|
|
1179
|
-
._teddy-card--
|
|
1183
|
+
._teddy-card--layout_1p563_61 ._teddy-card__heading_1p563_70 {
|
|
1180
1184
|
grid-area: heading;
|
|
1181
1185
|
}
|
|
1182
|
-
._teddy-card--
|
|
1186
|
+
._teddy-card--layout_1p563_61 ._teddy-card__action-wrapper_1p563_73 {
|
|
1183
1187
|
grid-area: action;
|
|
1184
1188
|
}
|
|
1185
|
-
._teddy-card--
|
|
1189
|
+
._teddy-card--layout_1p563_61 ._teddy-card__footer_1p563_76 {
|
|
1186
1190
|
grid-area: footer;
|
|
1187
1191
|
}
|
|
1188
|
-
._teddy-card--
|
|
1192
|
+
._teddy-card--layout_1p563_61 ._teddy-card__overline_1p563_79 {
|
|
1189
1193
|
grid-area: overline;
|
|
1190
1194
|
}
|
|
1191
|
-
._teddy-card--
|
|
1195
|
+
._teddy-card--layout_1p563_61 ._teddy-card__description_1p563_82 {
|
|
1192
1196
|
grid-area: description;
|
|
1193
1197
|
}
|
|
1194
|
-
._teddy-card--
|
|
1198
|
+
._teddy-card--layout_1p563_61 ._teddy-card__color-dots_1p563_85 {
|
|
1195
1199
|
grid-area: colors;
|
|
1196
1200
|
}
|
|
1197
|
-
._teddy-card--
|
|
1201
|
+
._teddy-card--layout_1p563_61 ._teddy-card__availability_1p563_88 {
|
|
1198
1202
|
grid-area: availability;
|
|
1199
1203
|
}
|
|
1200
|
-
._teddy-card--
|
|
1204
|
+
._teddy-card--layout_1p563_61 ._teddy-card__price_1p563_91 {
|
|
1201
1205
|
grid-area: price;
|
|
1202
1206
|
}
|
|
1203
|
-
._teddy-card--
|
|
1207
|
+
._teddy-card--default_1p563_94 {
|
|
1204
1208
|
display: flex;
|
|
1205
1209
|
flex-direction: column;
|
|
1206
1210
|
gap: var(--teddy-spacing-200);
|
|
1207
1211
|
}
|
|
1208
|
-
._teddy-card--navigation-
|
|
1212
|
+
._teddy-card--navigation-vertical_1p563_99 {
|
|
1209
1213
|
grid-template-rows: auto auto 1fr auto;
|
|
1210
1214
|
justify-items: start;
|
|
1211
1215
|
justify-content: stretch;
|
|
1212
1216
|
align-items: baseline;
|
|
1213
1217
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1214
1218
|
}
|
|
1215
|
-
._teddy-card--navigation-
|
|
1219
|
+
._teddy-card--navigation-vertical_1p563_99 ._teddy-card__illustration_1p563_61 {
|
|
1216
1220
|
margin-bottom: var(--teddy-spacing-200);
|
|
1217
1221
|
}
|
|
1218
|
-
._teddy-card--navigation-
|
|
1222
|
+
._teddy-card--navigation-vertical_1p563_99 ._teddy-card__content_1p563_67 {
|
|
1219
1223
|
margin-bottom: var(--teddy-spacing-200);
|
|
1220
1224
|
}
|
|
1221
|
-
._teddy-card--navigation-
|
|
1225
|
+
._teddy-card--navigation-vertical_1p563_99 ._teddy-card__heading_1p563_70 {
|
|
1222
1226
|
margin-bottom: var(--teddy-spacing-100);
|
|
1223
1227
|
}
|
|
1224
|
-
._teddy-card--navigation-
|
|
1228
|
+
._teddy-card--navigation-vertical_1p563_99 ._teddy-card__action-wrapper_1p563_73 {
|
|
1225
1229
|
margin-top: auto;
|
|
1226
1230
|
justify-self: end;
|
|
1227
1231
|
}
|
|
1228
|
-
._teddy-card--navigation-horizontal-
|
|
1232
|
+
._teddy-card--navigation-horizontal-small_1p563_119 {
|
|
1229
1233
|
grid-template-columns: auto 1fr auto;
|
|
1230
1234
|
grid-template-rows: auto 1fr;
|
|
1231
1235
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
1232
1236
|
column-gap: var(--teddy-spacing-200);
|
|
1233
1237
|
}
|
|
1234
|
-
._teddy-card--navigation-horizontal-
|
|
1238
|
+
._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__heading_1p563_70 {
|
|
1235
1239
|
margin-bottom: var(--teddy-spacing-100);
|
|
1236
1240
|
}
|
|
1237
|
-
._teddy-card--navigation-horizontal-
|
|
1241
|
+
._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__action-wrapper_1p563_73 {
|
|
1238
1242
|
margin-top: auto;
|
|
1239
1243
|
}
|
|
1240
|
-
._teddy-card--navigation-horizontal-small-
|
|
1244
|
+
._teddy-card--navigation-horizontal-small-centered_1p563_131 {
|
|
1241
1245
|
width: 100%;
|
|
1242
1246
|
max-width: 26rem;
|
|
1243
1247
|
grid-template-columns: auto 1fr auto;
|
|
@@ -1246,176 +1250,176 @@
|
|
|
1246
1250
|
align-items: center;
|
|
1247
1251
|
column-gap: var(--teddy-spacing-200);
|
|
1248
1252
|
}
|
|
1249
|
-
._teddy-card--navigation-horizontal-small-
|
|
1253
|
+
._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__content_1p563_67 {
|
|
1250
1254
|
margin-top: var(--teddy-spacing-200);
|
|
1251
1255
|
}
|
|
1252
|
-
._teddy-card--navigation-horizontal-small-
|
|
1256
|
+
._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__action-wrapper_1p563_73 {
|
|
1253
1257
|
margin: 0;
|
|
1254
1258
|
}
|
|
1255
|
-
._teddy-card--navigation-horizontal-small-
|
|
1259
|
+
._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 {
|
|
1256
1260
|
max-height: 80px;
|
|
1257
1261
|
max-width: 100px;
|
|
1258
1262
|
}
|
|
1259
|
-
._teddy-card--navigation-horizontal-small-
|
|
1263
|
+
._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 img {
|
|
1260
1264
|
object-fit: contain;
|
|
1261
1265
|
}
|
|
1262
|
-
._teddy-card--navigation-horizontal-
|
|
1266
|
+
._teddy-card--navigation-horizontal-large_1p563_153 {
|
|
1263
1267
|
grid-template-columns: 1fr auto;
|
|
1264
1268
|
grid-template-rows: auto auto 1fr;
|
|
1265
1269
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
1266
1270
|
column-gap: var(--teddy-spacing-200);
|
|
1267
1271
|
}
|
|
1268
|
-
._teddy-card--navigation-horizontal-
|
|
1272
|
+
._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__heading_1p563_70 {
|
|
1269
1273
|
margin-bottom: var(--teddy-spacing-100);
|
|
1270
1274
|
}
|
|
1271
|
-
._teddy-card--navigation-horizontal-
|
|
1275
|
+
._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__action-wrapper_1p563_73 {
|
|
1272
1276
|
margin-top: auto;
|
|
1273
1277
|
}
|
|
1274
|
-
._teddy-card--rich-
|
|
1278
|
+
._teddy-card--rich-card_1p563_165 {
|
|
1275
1279
|
justify-items: start;
|
|
1276
1280
|
align-items: baseline;
|
|
1277
1281
|
grid-template-rows: auto auto 1fr auto;
|
|
1278
1282
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1279
1283
|
}
|
|
1280
|
-
._teddy-card--rich-
|
|
1284
|
+
._teddy-card--rich-card_1p563_165 ._teddy-card__illustration_1p563_61 {
|
|
1281
1285
|
margin-bottom: var(--teddy-spacing-200);
|
|
1282
1286
|
}
|
|
1283
|
-
._teddy-card--rich-
|
|
1287
|
+
._teddy-card--rich-card_1p563_165 ._teddy-card__content_1p563_67 {
|
|
1284
1288
|
margin-bottom: var(--teddy-spacing-200);
|
|
1285
1289
|
}
|
|
1286
|
-
._teddy-card--rich-
|
|
1290
|
+
._teddy-card--rich-card_1p563_165 ._teddy-card__heading_1p563_70 {
|
|
1287
1291
|
margin-bottom: var(--teddy-spacing-100);
|
|
1288
1292
|
}
|
|
1289
|
-
._teddy-card--rich-
|
|
1293
|
+
._teddy-card--rich-card_1p563_165 ._teddy-card__action-wrapper_1p563_73 {
|
|
1290
1294
|
margin-top: auto;
|
|
1291
1295
|
}
|
|
1292
1296
|
@media (max-width: 800px) {
|
|
1293
|
-
._teddy-card--rich-card-
|
|
1297
|
+
._teddy-card--rich-card-large_1p563_184 {
|
|
1294
1298
|
align-items: baseline;
|
|
1295
1299
|
grid-template-rows: auto auto 1fr auto;
|
|
1296
1300
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1297
1301
|
}
|
|
1298
1302
|
}
|
|
1299
|
-
._teddy-card--rich-card-
|
|
1303
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 img {
|
|
1300
1304
|
object-fit: cover;
|
|
1301
1305
|
}
|
|
1302
1306
|
@media (min-width: 801px) {
|
|
1303
|
-
._teddy-card--rich-card-
|
|
1307
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 {
|
|
1304
1308
|
grid-column-start: 1;
|
|
1305
1309
|
margin-right: var(--teddy-spacing-600);
|
|
1306
1310
|
}
|
|
1307
1311
|
}
|
|
1308
|
-
._teddy-card--rich-card-
|
|
1312
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
|
|
1309
1313
|
margin-top: 2rem;
|
|
1310
1314
|
}
|
|
1311
1315
|
@media (min-width: 801px) {
|
|
1312
|
-
._teddy-card--rich-card-
|
|
1316
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
|
|
1313
1317
|
grid-column-start: 2;
|
|
1314
1318
|
margin-top: 0;
|
|
1315
1319
|
align-content: center;
|
|
1316
1320
|
}
|
|
1317
1321
|
}
|
|
1318
|
-
._teddy-card--rich-card-
|
|
1322
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__action_1p563_51 {
|
|
1319
1323
|
margin-top: var(--teddy-spacing-200);
|
|
1320
1324
|
}
|
|
1321
|
-
._teddy-card--rich-card-
|
|
1325
|
+
._teddy-card--rich-card-large_1p563_184 ._teddy-card__heading_1p563_70 {
|
|
1322
1326
|
margin-top: var(--teddy-spacing-100);
|
|
1323
1327
|
margin-bottom: var(--teddy-spacing-100);
|
|
1324
1328
|
}
|
|
1325
|
-
._teddy-
|
|
1329
|
+
._teddy-card__line_1p563_216 {
|
|
1326
1330
|
border: 0;
|
|
1327
1331
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
1328
1332
|
}
|
|
1329
|
-
._teddy-card--purple-
|
|
1333
|
+
._teddy-card--purple-light_1p563_220 {
|
|
1330
1334
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
1331
1335
|
color: var(--teddy-color-text-default);
|
|
1332
1336
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
1333
1337
|
}
|
|
1334
|
-
._teddy-card--purple-
|
|
1338
|
+
._teddy-card--purple-light_1p563_220:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1335
1339
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
1336
1340
|
}
|
|
1337
|
-
._teddy-card--purple-
|
|
1341
|
+
._teddy-card--purple-light_1p563_220:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1338
1342
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
1339
1343
|
}
|
|
1340
|
-
._teddy-card--purple-
|
|
1344
|
+
._teddy-card--purple-light_1p563_220:has(._teddy-card__action--disabled_1p563_51) {
|
|
1341
1345
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1342
1346
|
}
|
|
1343
|
-
._teddy-card--purple-
|
|
1347
|
+
._teddy-card--purple-dark_1p563_234 {
|
|
1344
1348
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
1345
1349
|
color: var(--teddy-color-text-default-negative);
|
|
1346
1350
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
1347
1351
|
}
|
|
1348
|
-
._teddy-card--purple-
|
|
1352
|
+
._teddy-card--purple-dark_1p563_234:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1349
1353
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
1350
1354
|
}
|
|
1351
|
-
._teddy-card--purple-
|
|
1355
|
+
._teddy-card--purple-dark_1p563_234:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1352
1356
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
1353
1357
|
}
|
|
1354
|
-
._teddy-card--purple-
|
|
1358
|
+
._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) {
|
|
1355
1359
|
color: var(--teddy-color-text-default);
|
|
1356
1360
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1357
1361
|
}
|
|
1358
|
-
._teddy-card--purple-
|
|
1362
|
+
._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) ._teddy-card__action_1p563_51 {
|
|
1359
1363
|
color: var(--teddy-color-text-weak);
|
|
1360
1364
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1361
1365
|
}
|
|
1362
|
-
._teddy-card--
|
|
1366
|
+
._teddy-card--white_1p563_253 {
|
|
1363
1367
|
background-color: var(--teddy-color-brand-white);
|
|
1364
1368
|
color: var(--teddy-color-text-default);
|
|
1365
1369
|
border-color: var(--teddy-color-border-weak);
|
|
1366
1370
|
}
|
|
1367
|
-
._teddy-card--
|
|
1371
|
+
._teddy-card--white_1p563_253:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1368
1372
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
1369
1373
|
}
|
|
1370
|
-
._teddy-card--
|
|
1374
|
+
._teddy-card--white_1p563_253:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1371
1375
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
1372
1376
|
}
|
|
1373
|
-
._teddy-card--
|
|
1377
|
+
._teddy-card--white_1p563_253:has(._teddy-card__action--disabled_1p563_51) {
|
|
1374
1378
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1375
1379
|
}
|
|
1376
|
-
._teddy-card--
|
|
1380
|
+
._teddy-card--gray_1p563_267 {
|
|
1377
1381
|
background-color: var(--teddy-color-background-secondary);
|
|
1378
1382
|
color: var(--teddy-color-text-default);
|
|
1379
1383
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
1380
1384
|
}
|
|
1381
|
-
._teddy-card--
|
|
1385
|
+
._teddy-card--gray_1p563_267:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1382
1386
|
background-color: var(--teddy-color-gray-100);
|
|
1383
1387
|
}
|
|
1384
|
-
._teddy-card--
|
|
1388
|
+
._teddy-card--gray_1p563_267:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1385
1389
|
background-color: var(--teddy-color-gray-200);
|
|
1386
1390
|
}
|
|
1387
|
-
._teddy-card--
|
|
1391
|
+
._teddy-card--gray_1p563_267:has(._teddy-card__action--disabled_1p563_51) {
|
|
1388
1392
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1389
1393
|
}
|
|
1390
|
-
._teddy-card--
|
|
1394
|
+
._teddy-card--beige_1p563_281 {
|
|
1391
1395
|
background-color: var(--teddy-color-beige-100);
|
|
1392
1396
|
color: var(--teddy-color-text-default);
|
|
1393
1397
|
border-color: var(--teddy-color-beige-300);
|
|
1394
1398
|
}
|
|
1395
|
-
._teddy-card--
|
|
1399
|
+
._teddy-card--beige_1p563_281:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1396
1400
|
background-color: var(--teddy-color-beige-200);
|
|
1397
1401
|
}
|
|
1398
|
-
._teddy-card--
|
|
1402
|
+
._teddy-card--beige_1p563_281:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1399
1403
|
background-color: var(--teddy-color-beige-300);
|
|
1400
1404
|
}
|
|
1401
|
-
._teddy-card--
|
|
1405
|
+
._teddy-card--beige_1p563_281:has(._teddy-card__action--disabled_1p563_51) {
|
|
1402
1406
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1403
1407
|
}
|
|
1404
|
-
._teddy-card--beige-
|
|
1408
|
+
._teddy-card--beige-light_1p563_295 {
|
|
1405
1409
|
background-color: var(--teddy-color-beige-50);
|
|
1406
1410
|
color: var(--teddy-color-text-default);
|
|
1407
1411
|
border-color: var(--teddy-color-beige-200);
|
|
1408
1412
|
}
|
|
1409
|
-
._teddy-card--beige-
|
|
1413
|
+
._teddy-card--beige-light_1p563_295:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1410
1414
|
background-color: var(--teddy-color-beige-100);
|
|
1411
1415
|
}
|
|
1412
|
-
._teddy-card--beige-
|
|
1416
|
+
._teddy-card--beige-light_1p563_295:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1413
1417
|
background-color: var(--teddy-color-beige-100);
|
|
1414
1418
|
}
|
|
1415
|
-
._teddy-card--beige-
|
|
1419
|
+
._teddy-card--beige-light_1p563_295:has(._teddy-card__action--disabled_1p563_51) {
|
|
1416
1420
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1417
1421
|
}
|
|
1418
|
-
._teddy-card--
|
|
1422
|
+
._teddy-card--product_1p563_309 {
|
|
1419
1423
|
grid-template-columns: minmax(0, 100%);
|
|
1420
1424
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
1421
1425
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -1425,134 +1429,134 @@
|
|
|
1425
1429
|
padding-bottom: var(--teddy-spacing-100);
|
|
1426
1430
|
width: 100%;
|
|
1427
1431
|
}
|
|
1428
|
-
._teddy-card--
|
|
1432
|
+
._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1429
1433
|
background-color: var(--teddy-color-brand-white);
|
|
1430
1434
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
1431
1435
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
1432
1436
|
}
|
|
1433
|
-
._teddy-card--
|
|
1437
|
+
._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
|
|
1434
1438
|
display: block !important;
|
|
1435
1439
|
}
|
|
1436
|
-
._teddy-card--
|
|
1440
|
+
._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
|
|
1437
1441
|
-webkit-tap-highlight-color: transparent;
|
|
1438
1442
|
}
|
|
1439
|
-
._teddy-card--
|
|
1443
|
+
._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):not(:has(._teddy-card__carousel_1p563_64:active)) {
|
|
1440
1444
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
1441
1445
|
}
|
|
1442
|
-
._teddy-card--
|
|
1446
|
+
._teddy-card--product_1p563_309:has(._teddy-card__action--disabled_1p563_51) {
|
|
1443
1447
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1444
1448
|
}
|
|
1445
|
-
._teddy-card--
|
|
1449
|
+
._teddy-card--product_1p563_309 ._teddy-card__action-wrapper_1p563_73 {
|
|
1446
1450
|
margin-bottom: var(--teddy-spacing-200);
|
|
1447
1451
|
}
|
|
1448
|
-
._teddy-card--
|
|
1452
|
+
._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 {
|
|
1449
1453
|
height: 180px;
|
|
1450
1454
|
display: grid;
|
|
1451
1455
|
place-items: center;
|
|
1452
1456
|
place-self: center;
|
|
1453
1457
|
margin-bottom: var(--teddy-spacing-400);
|
|
1454
1458
|
}
|
|
1455
|
-
._teddy-card--
|
|
1459
|
+
._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 img {
|
|
1456
1460
|
max-width: 200px;
|
|
1457
1461
|
max-height: 180px;
|
|
1458
1462
|
object-fit: contain;
|
|
1459
1463
|
}
|
|
1460
|
-
._teddy-card--
|
|
1464
|
+
._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
|
|
1461
1465
|
display: none !important;
|
|
1462
1466
|
}
|
|
1463
|
-
._teddy-card--
|
|
1467
|
+
._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots li {
|
|
1464
1468
|
min-width: 12px;
|
|
1465
1469
|
width: initial !important;
|
|
1466
1470
|
margin: 0 0.25rem !important;
|
|
1467
1471
|
}
|
|
1468
|
-
._teddy-card--
|
|
1472
|
+
._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots .slick-active {
|
|
1469
1473
|
min-width: 24px;
|
|
1470
1474
|
width: initial !important;
|
|
1471
1475
|
}
|
|
1472
|
-
._teddy-card--
|
|
1476
|
+
._teddy-card--product_1p563_309 ._teddy-card__overline_1p563_79 {
|
|
1473
1477
|
margin-bottom: var(--teddy-spacing-50);
|
|
1474
1478
|
}
|
|
1475
|
-
._teddy-card--
|
|
1479
|
+
._teddy-card--product_1p563_309 ._teddy-card__heading_1p563_70 {
|
|
1476
1480
|
margin-bottom: var(--teddy-spacing-200);
|
|
1477
1481
|
}
|
|
1478
|
-
._teddy-card--
|
|
1482
|
+
._teddy-card--product_1p563_309 ._teddy-card__description_1p563_82 {
|
|
1479
1483
|
margin-bottom: var(--teddy-spacing-200);
|
|
1480
1484
|
}
|
|
1481
|
-
._teddy-card--
|
|
1485
|
+
._teddy-card--product_1p563_309 ._teddy-card__content_1p563_67 {
|
|
1482
1486
|
margin-bottom: var(--teddy-spacing-200);
|
|
1483
1487
|
}
|
|
1484
|
-
._teddy-card--
|
|
1488
|
+
._teddy-card--product_1p563_309 ._teddy-card__action_1p563_51 {
|
|
1485
1489
|
margin-top: auto;
|
|
1486
1490
|
margin-left: auto;
|
|
1487
1491
|
justify-self: end;
|
|
1488
1492
|
}
|
|
1489
|
-
._teddy-card--
|
|
1493
|
+
._teddy-card--product_1p563_309 ._teddy-card__price_1p563_91 {
|
|
1490
1494
|
display: flex;
|
|
1491
1495
|
}
|
|
1492
|
-
._teddy-card--
|
|
1496
|
+
._teddy-card--product_1p563_309 ._teddy-card__price--big_1p563_383 {
|
|
1493
1497
|
font-size: var(--teddy-typography-scale-200);
|
|
1494
1498
|
}
|
|
1495
|
-
._teddy-
|
|
1499
|
+
._teddy-card_1p563_3:has(._teddy-card__image--as-background_1p563_386) {
|
|
1496
1500
|
background-color: transparent;
|
|
1497
1501
|
}
|
|
1498
|
-
._teddy-
|
|
1502
|
+
._teddy-card__heading_1p563_70 {
|
|
1499
1503
|
color: inherit;
|
|
1500
1504
|
}
|
|
1501
|
-
._teddy-card--background-
|
|
1505
|
+
._teddy-card--background-image_1p563_392 {
|
|
1502
1506
|
background-repeat: no-repeat;
|
|
1503
1507
|
background-size: cover;
|
|
1504
1508
|
background-position: center;
|
|
1505
1509
|
}
|
|
1506
|
-
._teddy-card__illustration--
|
|
1510
|
+
._teddy-card__illustration--rounded_1p563_397 {
|
|
1507
1511
|
border-radius: inherit;
|
|
1508
1512
|
overflow: hidden;
|
|
1509
1513
|
}
|
|
1510
|
-
._teddy-
|
|
1514
|
+
._teddy-card__inset_1p563_401 {
|
|
1511
1515
|
overflow: hidden;
|
|
1512
1516
|
}
|
|
1513
|
-
._teddy-card__inset--
|
|
1517
|
+
._teddy-card__inset--top_1p563_404 {
|
|
1514
1518
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
1515
1519
|
}
|
|
1516
|
-
._teddy-card__inset--
|
|
1520
|
+
._teddy-card__inset--top_1p563_404._teddy-card__inset--left_1p563_407 {
|
|
1517
1521
|
border-top-left-radius: inherit;
|
|
1518
1522
|
}
|
|
1519
|
-
._teddy-card__inset--
|
|
1523
|
+
._teddy-card__inset--top_1p563_404._teddy-card__inset--right_1p563_410 {
|
|
1520
1524
|
border-top-right-radius: inherit;
|
|
1521
1525
|
}
|
|
1522
|
-
._teddy-card__inset--
|
|
1526
|
+
._teddy-card__inset--bottom_1p563_413 {
|
|
1523
1527
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
1524
1528
|
}
|
|
1525
|
-
._teddy-card__inset--
|
|
1529
|
+
._teddy-card__inset--bottom_1p563_413._teddy-card__inset--left_1p563_407 {
|
|
1526
1530
|
border-bottom-left-radius: inherit;
|
|
1527
1531
|
}
|
|
1528
|
-
._teddy-card__inset--
|
|
1532
|
+
._teddy-card__inset--bottom_1p563_413._teddy-card__inset--right_1p563_410 {
|
|
1529
1533
|
border-bottom-right-radius: inherit;
|
|
1530
1534
|
}
|
|
1531
|
-
._teddy-card__inset--
|
|
1535
|
+
._teddy-card__inset--left_1p563_407 {
|
|
1532
1536
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
1533
1537
|
}
|
|
1534
|
-
._teddy-card__inset--
|
|
1538
|
+
._teddy-card__inset--right_1p563_410 {
|
|
1535
1539
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
1536
1540
|
}
|
|
1537
|
-
._teddy-card__availability--
|
|
1541
|
+
._teddy-card__availability--badge_1p563_428 {
|
|
1538
1542
|
margin-right: var(--teddy-spacing-150);
|
|
1539
1543
|
}
|
|
1540
|
-
._teddy-card__availability--
|
|
1544
|
+
._teddy-card__availability--success_1p563_431 {
|
|
1541
1545
|
color: var(--teddy-color-text-status-success-strong);
|
|
1542
1546
|
}
|
|
1543
|
-
._teddy-card__availability--
|
|
1547
|
+
._teddy-card__availability--warning_1p563_434 {
|
|
1544
1548
|
color: var(--teddy-color-text-status-warning-strong);
|
|
1545
1549
|
}
|
|
1546
|
-
._teddy-card__availability--
|
|
1550
|
+
._teddy-card__availability--error_1p563_437 {
|
|
1547
1551
|
color: var(--teddy-color-text-status-error-strong);
|
|
1548
1552
|
}
|
|
1549
|
-
._teddy-card__availability--
|
|
1553
|
+
._teddy-card__availability--special_1p563_440 {
|
|
1550
1554
|
color: var(--teddy-color-text-status-special);
|
|
1551
1555
|
}
|
|
1552
|
-
._teddy-card__availability--
|
|
1556
|
+
._teddy-card__availability--neutral_1p563_443 {
|
|
1553
1557
|
color: var(--teddy-color-text-status-neutral);
|
|
1554
1558
|
}
|
|
1555
|
-
._teddy-card__availability--
|
|
1559
|
+
._teddy-card__availability--information_1p563_446 {
|
|
1556
1560
|
color: var(--teddy-color-text-status-info-strong);
|
|
1557
1561
|
}
|
|
1558
1562
|
}._teddy-flex_1ncy4_1 {
|