design-system-silkhaus 2.11.3 → 2.12.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/dist/index.cjs +29 -29
- package/dist/index.js +73 -5
- package/dist/style.css +1 -1
- package/dist/tailwind.config.js +67 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3087,7 +3087,10 @@ const At = (e) => {
|
|
|
3087
3087
|
space1600: "var(--space-1600)"
|
|
3088
3088
|
},
|
|
3089
3089
|
fontFamily: {
|
|
3090
|
-
sans: "var(--font-family-default)"
|
|
3090
|
+
sans: "var(--font-family-default)",
|
|
3091
|
+
serif: "var(--font-family-hero)",
|
|
3092
|
+
default: "var(--font-family-default)",
|
|
3093
|
+
hero: "var(--font-family-hero)"
|
|
3091
3094
|
},
|
|
3092
3095
|
fontSize: {
|
|
3093
3096
|
xLargeHeroTitleRegular: [
|
|
@@ -3160,6 +3163,20 @@ const At = (e) => {
|
|
|
3160
3163
|
fontWeight: "var(--xLargeBody-2Regular-font-weight)"
|
|
3161
3164
|
}
|
|
3162
3165
|
],
|
|
3166
|
+
xLargeHeadLineRegular: [
|
|
3167
|
+
"var(--xLargeHeadLine-Regular-font-size)",
|
|
3168
|
+
{
|
|
3169
|
+
lineHeight: "var(--xLargeHeadLine-Regular-line-height)",
|
|
3170
|
+
fontWeight: "var(--font-weight-semibold)"
|
|
3171
|
+
}
|
|
3172
|
+
],
|
|
3173
|
+
xLargeHeadLineEmphasized: [
|
|
3174
|
+
"var(--xLargeHeadLine-Regular-font-size)",
|
|
3175
|
+
{
|
|
3176
|
+
lineHeight: "var(--xLargeHeadLine-Regular-line-height)",
|
|
3177
|
+
fontWeight: "var(--font-weight-bold)"
|
|
3178
|
+
}
|
|
3179
|
+
],
|
|
3163
3180
|
// Large
|
|
3164
3181
|
largeHeroTitleRegular: [
|
|
3165
3182
|
"var(--LargeHero-TitleRegular-font-size)",
|
|
@@ -3231,6 +3248,20 @@ const At = (e) => {
|
|
|
3231
3248
|
fontWeight: "var(--LargeBody-2Regular-font-weight)"
|
|
3232
3249
|
}
|
|
3233
3250
|
],
|
|
3251
|
+
largeHeadLineRegular: [
|
|
3252
|
+
"var(--LargeHeadLine-Regular-font-size)",
|
|
3253
|
+
{
|
|
3254
|
+
lineHeight: "var(--LargeHeadLine-Regular-line-height)",
|
|
3255
|
+
fontWeight: "var(--font-weight-semibold)"
|
|
3256
|
+
}
|
|
3257
|
+
],
|
|
3258
|
+
largeHeadLineEmphasized: [
|
|
3259
|
+
"var(--LargeHeadLine-Regular-font-size)",
|
|
3260
|
+
{
|
|
3261
|
+
lineHeight: "var(--LargeHeadLine-Regular-line-height)",
|
|
3262
|
+
fontWeight: "var(--font-weight-bold)"
|
|
3263
|
+
}
|
|
3264
|
+
],
|
|
3234
3265
|
// Medium
|
|
3235
3266
|
mediumHeroTitleRegular: [
|
|
3236
3267
|
"var(--MediumHero-TitleRegular-font-size)",
|
|
@@ -3313,7 +3344,14 @@ const At = (e) => {
|
|
|
3313
3344
|
"var(--MediumHeadLine-Regular-font-size)",
|
|
3314
3345
|
{
|
|
3315
3346
|
lineHeight: "var(--MediumHeadLine-Regular-line-height)",
|
|
3316
|
-
fontWeight: "var(--
|
|
3347
|
+
fontWeight: "var(--font-weight-semibold)"
|
|
3348
|
+
}
|
|
3349
|
+
],
|
|
3350
|
+
mediumHeadLineEmphasized: [
|
|
3351
|
+
"var(--MediumHeadLine-Regular-font-size)",
|
|
3352
|
+
{
|
|
3353
|
+
lineHeight: "var(--MediumHeadLine-Regular-line-height)",
|
|
3354
|
+
fontWeight: "var(--font-weight-bold)"
|
|
3317
3355
|
}
|
|
3318
3356
|
],
|
|
3319
3357
|
mediumSubHeadRegular: [
|
|
@@ -3464,6 +3502,20 @@ const At = (e) => {
|
|
|
3464
3502
|
fontWeight: "var(--font-weight-semibold)"
|
|
3465
3503
|
}
|
|
3466
3504
|
],
|
|
3505
|
+
smallHeadLineRegular: [
|
|
3506
|
+
"var(--SmallHeadLine-Regular-font-size)",
|
|
3507
|
+
{
|
|
3508
|
+
lineHeight: "var(--SmallHeadLine-Regular-line-height)",
|
|
3509
|
+
fontWeight: "var(--font-weight-semibold)"
|
|
3510
|
+
}
|
|
3511
|
+
],
|
|
3512
|
+
smallHeadLineEmphasized: [
|
|
3513
|
+
"var(--SmallHeadLine-Regular-font-size)",
|
|
3514
|
+
{
|
|
3515
|
+
lineHeight: "var(--SmallHeadLine-Regular-line-height)",
|
|
3516
|
+
fontWeight: "var(--font-weight-bold)"
|
|
3517
|
+
}
|
|
3518
|
+
],
|
|
3467
3519
|
// xSmall
|
|
3468
3520
|
xSmallHeroTitleRegular: [
|
|
3469
3521
|
"var(--xSmallHero-TitleRegular-font-size)",
|
|
@@ -3577,6 +3629,20 @@ const At = (e) => {
|
|
|
3577
3629
|
fontWeight: "var(--font-weight-semibold)"
|
|
3578
3630
|
}
|
|
3579
3631
|
],
|
|
3632
|
+
xSmallHeadLineRegular: [
|
|
3633
|
+
"var(--xSmallHeadLine-Regular-font-size)",
|
|
3634
|
+
{
|
|
3635
|
+
lineHeight: "var(--xSmallHeadLine-Regular-line-height)",
|
|
3636
|
+
fontWeight: "var(--font-weight-semibold)"
|
|
3637
|
+
}
|
|
3638
|
+
],
|
|
3639
|
+
xSmallHeadLineEmphasized: [
|
|
3640
|
+
"var(--xSmallHeadLine-Regular-font-size)",
|
|
3641
|
+
{
|
|
3642
|
+
lineHeight: "var(--xSmallHeadLine-Regular-line-height)",
|
|
3643
|
+
fontWeight: "var(--font-weight-bold)"
|
|
3644
|
+
}
|
|
3645
|
+
],
|
|
3580
3646
|
calloutRegular: [
|
|
3581
3647
|
"var(--callout-Regular-font-size)",
|
|
3582
3648
|
{
|
|
@@ -38100,9 +38166,11 @@ const CY = ({
|
|
|
38100
38166
|
className: "ds-flex ds-items-center ds-gap-2 ds-text-mediumCaption1Regular " + // cn merges ds-text for font size and color, which is a bug. So we keep this outside
|
|
38101
38167
|
Ue("ds-text-Text-secondary", e && "ds-text-Background-accentTeal-100"),
|
|
38102
38168
|
children: [
|
|
38103
|
-
|
|
38104
|
-
|
|
38105
|
-
|
|
38169
|
+
/* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-size-4 ds-items-center", children: [
|
|
38170
|
+
e && /* @__PURE__ */ h.jsx(lC, { className: "ds-size-4" }),
|
|
38171
|
+
!e && /* @__PURE__ */ h.jsx(hC, { className: "ds-size-4" })
|
|
38172
|
+
] }),
|
|
38173
|
+
/* @__PURE__ */ h.jsx("div", { style: { wordBreak: "normal", overflowWrap: "anywhere" }, children: t })
|
|
38106
38174
|
]
|
|
38107
38175
|
}
|
|
38108
38176
|
);
|