@kickstartds/ds-agency-premium 1.3.13 → 1.3.14--canary.454.c8089ef.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/components/blog-post/index.d.ts +1 -1
- package/dist/components/button/button.css +1 -5
- package/dist/components/faq/faq.css +21 -21
- package/dist/components/faq/index.js +3 -1
- package/dist/components/header/header.css +5 -4
- package/dist/components/headline/headline.css +11 -3
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/nav-main/nav-main.css +22 -8
- package/dist/components/nav-main/nav-toggle.css +18 -4
- package/dist/components/page-wrapper/tokens.css +433 -434
- package/dist/components/section/section.css +2 -2
- package/dist/components/slider/index.js +6 -1
- package/dist/components/slider/slider.css +45 -11
- package/dist/components/teaser-card/teaser-card.css +7 -5
- package/dist/components/testimonials/index.js +1 -0
- package/dist/components/video-curtain/index.js +3 -2
- package/dist/components/video-curtain/video-curtain.css +5 -10
- package/dist/global.css +53 -18
- package/dist/static/fonts/paper/Arvo-Regular.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-Bold.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-ExtraLight.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-Light.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-Medium.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-Regular.woff2 +0 -0
- package/dist/static/fonts/paper/Oswald-SemiBold.woff2 +0 -0
- package/dist/static/fonts/paper/RedditMono-Regular.woff2 +0 -0
- package/dist/static/logo.svg +17 -21
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +433 -434
- package/dist/tokens/tokens.js +650 -651
- package/package.json +1 -1
- /package/dist/{BlogPostProps-0910f130.d.ts → BlogPostProps-f9a49428.d.ts} +0 -0
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space-small));
|
|
132
132
|
}
|
|
133
133
|
.l-section.dsa-section-style--stagelights {
|
|
134
|
-
background-image: var(--dsa-section_stagelights--background-image
|
|
134
|
+
background-image: var(--dsa-section_stagelights--background-image, radial-gradient(50% 150% at 100% -50%, var(--ks-color-primary-inverted-alpha-3) 0%, transparent 100%), radial-gradient(50% 150% at 0% -50%, var(--ks-color-primary-alpha-3) 0%, transparent 100%));
|
|
135
135
|
}
|
|
136
136
|
.l-section.dsa-section-style--anchor-glow {
|
|
137
137
|
background-image: var(--dsa-section_anchor-glow--background-image, radial-gradient(50% 50% at 50% 100%, var(--ks-color-secondary-alpha-5) 0%, transparent 100%));
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
width: 100%;
|
|
167
167
|
height: 100%;
|
|
168
168
|
position: absolute;
|
|
169
|
-
background-image: radial-gradient(
|
|
169
|
+
background-image: radial-gradient(150px circle at var(--dsa-section__spotlight--left) var(--dsa-section__spotlight--top), var(--dsa-section__spotlight--color) 0%, var(--dsa-section__spotlight--color) 80%, transparent 80%, transparent 100%);
|
|
170
170
|
}
|
|
171
171
|
.l-section.dsa-section .l-section__content {
|
|
172
172
|
--l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import "./slider.css";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
+
import classnames from 'classnames';
|
|
4
5
|
import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
|
|
5
6
|
|
|
6
|
-
const Slider = forwardRef(({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, ...props }, ref) => (jsx(Slider$1
|
|
7
|
+
const Slider = forwardRef(({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1
|
|
8
|
+
//TODO: fix in main (className)
|
|
9
|
+
, {
|
|
10
|
+
//TODO: fix in main (className)
|
|
11
|
+
className: classnames(`dsa-slider`, className), gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
|
|
7
12
|
|
|
8
13
|
export { Slider };
|
|
@@ -1,24 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
--
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
1
|
+
.dsa-slider {
|
|
2
|
+
--dsa-slider__arrow--background-color: transparent;
|
|
3
|
+
--dsa-slider__arrow--background-color_hover: transparent;
|
|
4
|
+
--dsa-slider__arrow--background-color_active: transparent;
|
|
5
|
+
--dsa-slider__bullet--border-color: var(--ks-border-color-primary);
|
|
6
|
+
--dsa-slider__bullet--border-color_hover: var(--ks-border-color-primary);
|
|
7
|
+
--dsa-slider__bullet--border-color_active: var(--ks-border-color-primary);
|
|
8
|
+
--dsa-slider__bullet--background-color: transparent;
|
|
9
|
+
--dsa-slider__bullet--background-color_hover: var(--ks-color-primary-alpha-8);
|
|
10
|
+
--dsa-slider__bullet--background-color_active: var(--ks-color-primary);
|
|
11
|
+
--dsa-slider__arrow--color: var(--ks-border-color-primary-interactive);
|
|
8
12
|
}
|
|
9
13
|
|
|
10
|
-
.c-
|
|
14
|
+
.dsa-slider.c-slider {
|
|
15
|
+
--c-slider_bullet--outline-color: var(
|
|
16
|
+
--dsa-slider__bullet--border-color,
|
|
17
|
+
var(--ks-border-color-interface-interactive)
|
|
18
|
+
);
|
|
19
|
+
--c-slider_bullet--outline-color-hover: var(
|
|
20
|
+
--dsa-slider__bullet--border-color_hover,
|
|
21
|
+
var(--ks-border-color-interface-interactive-hover)
|
|
22
|
+
);
|
|
23
|
+
--c-slider_bullet--outline-color-active: var(
|
|
24
|
+
--dsa-slider__bullet--border-color_active,
|
|
25
|
+
var(--ks-border-color-interface-interactive-active)
|
|
26
|
+
);
|
|
27
|
+
--c-slider_bullet--background: var(--dsa-slider__bullet--background-color, transparent);
|
|
28
|
+
--c-slider_bullet--background-color-hover: var(--dsa-slider__bullet--background-color_hover, transparent);
|
|
29
|
+
--c-slider_bullet--background-color-active: var(--dsa-slider__bullet--background-color_active, transparent);
|
|
30
|
+
--c-slider_arrow--background: var(
|
|
31
|
+
--dsa-slider__arrow--background-color,
|
|
32
|
+
var(--ks-background-color-interface-interactive)
|
|
33
|
+
);
|
|
34
|
+
--c-slider_arrow--background-hover: var(
|
|
35
|
+
--dsa-slider__arrow--background-color_hover,
|
|
36
|
+
var(--ks-background-color-interface-interactive-hover)
|
|
37
|
+
);
|
|
38
|
+
--c-slider_arrow--background-active: var(
|
|
39
|
+
--dsa-slider__arrow--background-color_active,
|
|
40
|
+
var(--ks-background-color-interface-interactive-active)
|
|
41
|
+
);
|
|
42
|
+
--c-slider_arrow--color: var(--dsa-slider__arrow--color, var(--ks-text-color-interface-interactive));
|
|
43
|
+
}
|
|
44
|
+
.dsa-slider.c-slider__nav {
|
|
11
45
|
margin-top: var(--ks-spacing-stack-m);
|
|
12
46
|
}
|
|
13
|
-
.c-slider .c-slider__nav-item:hover .c-slider__bullet {
|
|
47
|
+
.dsa-slider.c-slider .c-slider__nav-item:hover .c-slider__bullet {
|
|
14
48
|
border-color: var(--c-slider_bullet--outline-color-hover);
|
|
15
49
|
background-color: var(--c-slider_bullet--background-color-hover);
|
|
16
50
|
}
|
|
17
|
-
.c-slider .c-slider__nav-item.c-slider__nav-item--active .c-slider__bullet, .c-slider .c-slider__nav-item.c-slider__nav-item--active:hover .c-slider__bullet {
|
|
51
|
+
.dsa-slider.c-slider .c-slider__nav-item.c-slider__nav-item--active .c-slider__bullet, .dsa-slider.c-slider .c-slider__nav-item.c-slider__nav-item--active:hover .c-slider__bullet {
|
|
18
52
|
border-color: var(--c-slider_bullet--outline-color-active);
|
|
19
53
|
background-color: var(--c-slider_bullet--background-color-active);
|
|
20
54
|
}
|
|
21
|
-
.c-slider .c-slider__nav-item .c-slider__bullet {
|
|
55
|
+
.dsa-slider.c-slider .c-slider__nav-item .c-slider__bullet {
|
|
22
56
|
display: block;
|
|
23
57
|
transition: border-color var(--ks-transition-hover);
|
|
24
58
|
}
|
|
@@ -5,17 +5,18 @@
|
|
|
5
5
|
|
|
6
6
|
.c-teaser.dsa-teaser-card {
|
|
7
7
|
--dsa-teaser-card--background: var(--ks-background-color-card-interactive);
|
|
8
|
-
--dsa-teaser-card--border-width:
|
|
8
|
+
--dsa-teaser-card--border-width: 0;
|
|
9
9
|
--dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
|
|
10
10
|
--dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
|
|
11
11
|
--dsa-teaser-card--border-radius: var(--ks-border-radius-card);
|
|
12
|
+
--dsa-teaser-card--shadow: var(--ks-box-shadow-card);
|
|
12
13
|
--dsa-teaser-card--shadow_hover: var(--ks-box-shadow-card-hover);
|
|
13
14
|
--dsa-teaser-card__label--font: var(--ks-font-interface-m);
|
|
14
15
|
--dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
15
|
-
--dsa-teaser-card__label--color: var(--
|
|
16
|
+
--dsa-teaser-card__label--color: var(--dsa-text-color-on-primary);
|
|
16
17
|
--dsa-teaser-card__label--background-color: var(--ks-background-color-primary);
|
|
17
18
|
--dsa-teaser-card__label--padding: 0.5em 1em;
|
|
18
|
-
--dsa-teaser-card__label--border-radius: var(--ks-border-radius-
|
|
19
|
+
--dsa-teaser-card__label--border-radius: var(--ks-border-radius-control);
|
|
19
20
|
--dsa-teaser-card__topic--font: var(--ks-font-display-l);
|
|
20
21
|
--dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
|
|
21
22
|
--dsa-teaser-card__copy--font: var(--dsa-rich-text--font);
|
|
@@ -63,6 +64,7 @@
|
|
|
63
64
|
position: relative;
|
|
64
65
|
overflow: visible;
|
|
65
66
|
transition-property: border-color, background-color, box-shadow;
|
|
67
|
+
box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
|
|
66
68
|
}
|
|
67
69
|
.c-teaser.dsa-teaser-card > :first-child:not(.c-teaser__body) {
|
|
68
70
|
overflow: hidden;
|
|
@@ -88,8 +90,8 @@
|
|
|
88
90
|
font: var(--dsa-teaser-card-card--font, var(--dsa-rich-text--font), var(--ks-font-copy-m));
|
|
89
91
|
}
|
|
90
92
|
.c-teaser.dsa-teaser-card .c-teaser__topic {
|
|
91
|
-
font: var(--dsa-teaser-card__topic--font, var(--dsa-topic
|
|
92
|
-
font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic
|
|
93
|
+
font: var(--dsa-teaser-card__topic--font, var(--dsa-topic--font));
|
|
94
|
+
font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic--font-weight));
|
|
93
95
|
}
|
|
94
96
|
@container teaser-card (min-width: 640px) {
|
|
95
97
|
.c-teaser.dsa-teaser-card--unset img {
|
|
@@ -3,6 +3,7 @@ import { forwardRef, createElement, createContext, useContext } from 'react';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { Slider } from '../slider/index.js';
|
|
5
5
|
import { Testimonial } from '../testimonial/index.js';
|
|
6
|
+
import 'classnames';
|
|
6
7
|
import '@kickstartds/content/lib/slider';
|
|
7
8
|
import '@kickstartds/content/lib/quote';
|
|
8
9
|
|
|
@@ -8,13 +8,14 @@ import { ButtonContext } from '@kickstartds/base/lib/button';
|
|
|
8
8
|
import { useButtonGroup } from '../button-group/index.js';
|
|
9
9
|
import '@kickstartds/base/lib/button-group';
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
//TODO: fix in main (classname)
|
|
12
|
+
const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightText, colorNeutral, textPosition, overlay, video, className, buttons = [], ...rest }, ref) => {
|
|
12
13
|
const ButtonGroup = useButtonGroup();
|
|
13
14
|
return (jsx(ButtonContext.Provider
|
|
14
15
|
// @ts-expect-error
|
|
15
16
|
, {
|
|
16
17
|
// @ts-expect-error
|
|
17
|
-
value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : ""), height: "fullScreen", inbox: true, box: {
|
|
18
|
+
value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : "", className), height: "fullScreen", inbox: true, box: {
|
|
18
19
|
background: "transparent",
|
|
19
20
|
enabled: true,
|
|
20
21
|
vertical: "center",
|
|
@@ -10,11 +10,7 @@
|
|
|
10
10
|
--dsa-video-curtain__textbox--border-radius: var(--ks-border-radius-surface);
|
|
11
11
|
--dsa-video-curtain__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
12
12
|
--dsa-video-curtain__texbox--background-color: var(--ks-color-bg-alpha-2);
|
|
13
|
-
--dsa-video-curtain__overlay--background:
|
|
14
|
-
0deg,
|
|
15
|
-
var(--ks-background-color-default) 15%,
|
|
16
|
-
transparent 50%
|
|
17
|
-
);
|
|
13
|
+
--dsa-video-curtain__overlay--background: var(--ks-color-bg-alpha-3);
|
|
18
14
|
}
|
|
19
15
|
|
|
20
16
|
.l-container--visual {
|
|
@@ -23,15 +19,14 @@
|
|
|
23
19
|
}
|
|
24
20
|
|
|
25
21
|
.c-visual.dsa-video-curtain {
|
|
26
|
-
--c-visual_overlay--background:
|
|
27
|
-
|
|
28
|
-
var(--ks-color-primary-alpha-5) 0%,
|
|
29
|
-
var(--ks-color-bg-alpha-4) 100%
|
|
22
|
+
--c-visual_overlay--background: var(
|
|
23
|
+
--dsa-video-curtain__overlay--background,
|
|
24
|
+
radial-gradient(50% 126.2% at 100% 0%, var(--ks-color-primary-alpha-5) 0%, var(--ks-color-bg-alpha-4) 100%)
|
|
30
25
|
);
|
|
31
26
|
--c-visual_overlay--background-size: 100%;
|
|
32
27
|
}
|
|
33
28
|
.c-visual.dsa-video-curtain--highlight-text .c-visual__box {
|
|
34
|
-
--c-visual_text--font: var(--ks-font-copy-l);
|
|
29
|
+
--c-visual_text--font: var(--dsa-video-curtain_highlight-text__copy--font, var(--ks-font-copy-l));
|
|
35
30
|
}
|
|
36
31
|
.c-visual.dsa-video-curtain .c-visual__box {
|
|
37
32
|
--c-visual_box--background: var(--ks-background-color-default);
|
package/dist/global.css
CHANGED
|
@@ -297,22 +297,8 @@ h3 {
|
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
:root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
|
|
300
|
-
--dsa-text-color-on-primary: var(--ks-color-fg);
|
|
300
|
+
--dsa-text-color-on-primary: var(--ks-color-fg-inverted);
|
|
301
301
|
--dsa-text-color-on-primary-inverted: var(--ks-color-fg-inverted);
|
|
302
|
-
--ks-text-color-copy: var(--ks-color-fg-alpha-3);
|
|
303
|
-
--ks-text-color-display: var(--ks-color-fg);
|
|
304
|
-
--ks-border-color-card: var(--ks-color-fg-alpha-9);
|
|
305
|
-
--ks-border-color-card-interactive: var(--ks-color-fg-alpha-9);
|
|
306
|
-
--ks-border-color-card-interactive-hover: var(--ks-color-fg-alpha-7);
|
|
307
|
-
--ks-border-color-card-interactive-active: var(--ks-color-fg-alpha-7);
|
|
308
|
-
--ks-background-color-card: var(--ks-color-fg-alpha-3);
|
|
309
|
-
--ks-background-color-card-interactive: var(--ks-color-fg-alpha-9);
|
|
310
|
-
--ks-background-color-card-interactive-hover: var(--ks-color-fg-alpha-7);
|
|
311
|
-
--ks-background-color-card-interactive-active: var(--ks-color-fg-alpha-7);
|
|
312
|
-
--ks-text-color-card: var(--ks-color-fg);
|
|
313
|
-
--ks-text-color-card-interactive: var(--ks-color-fg-alpha-3);
|
|
314
|
-
--ks-text-color-card-interactive-hover: var(--ks-color-fg-alpha-3);
|
|
315
|
-
--ks-text-color-card-interactive-active: var(--ks-color-fg-alpha-3);
|
|
316
302
|
--dsa-topic--font: var(--ks-font-display-m);
|
|
317
303
|
--dsa-topic--font-weight: var(--ks-font-weight-medium);
|
|
318
304
|
--dsa-topic--color: var(--ks-text-color-display);
|
|
@@ -622,6 +608,48 @@ h3 {
|
|
|
622
608
|
font-style: normal;
|
|
623
609
|
font-display: swap;
|
|
624
610
|
}
|
|
611
|
+
@font-face {
|
|
612
|
+
font-family: "Arvo";
|
|
613
|
+
src: url("static/fonts/paper/Arvo-Regular.woff2") format("woff2");
|
|
614
|
+
font-weight: 400;
|
|
615
|
+
font-style: normal;
|
|
616
|
+
font-display: swap;
|
|
617
|
+
}
|
|
618
|
+
@font-face {
|
|
619
|
+
font-family: "RedditMono";
|
|
620
|
+
src: url("static/fonts/paper/RedditMono-Regular.woff2") format("woff2");
|
|
621
|
+
font-weight: 400;
|
|
622
|
+
font-style: normal;
|
|
623
|
+
font-display: swap;
|
|
624
|
+
}
|
|
625
|
+
@font-face {
|
|
626
|
+
font-family: "Oswald";
|
|
627
|
+
src: url("static/fonts/paper/Oswald-Regular.woff2") format("woff2");
|
|
628
|
+
font-weight: 400;
|
|
629
|
+
font-style: normal;
|
|
630
|
+
font-display: swap;
|
|
631
|
+
}
|
|
632
|
+
@font-face {
|
|
633
|
+
font-family: "Oswald";
|
|
634
|
+
src: url("static/fonts/paper/Oswald-Medium.woff2") format("woff2");
|
|
635
|
+
font-weight: 500;
|
|
636
|
+
font-style: normal;
|
|
637
|
+
font-display: swap;
|
|
638
|
+
}
|
|
639
|
+
@font-face {
|
|
640
|
+
font-family: "Oswald";
|
|
641
|
+
src: url("static/fonts/paper/Oswald-SemiBold.woff2") format("woff2");
|
|
642
|
+
font-weight: 600;
|
|
643
|
+
font-style: normal;
|
|
644
|
+
font-display: swap;
|
|
645
|
+
}
|
|
646
|
+
@font-face {
|
|
647
|
+
font-family: "Oswald";
|
|
648
|
+
src: url("static/fonts/paper/Oswald-Bold.woff2") format("woff2");
|
|
649
|
+
font-weight: 700;
|
|
650
|
+
font-style: normal;
|
|
651
|
+
font-display: swap;
|
|
652
|
+
}
|
|
625
653
|
@font-face {
|
|
626
654
|
font-family: "Google Sans 18pt";
|
|
627
655
|
font-style: normal;
|
|
@@ -673,6 +701,10 @@ body {
|
|
|
673
701
|
background: var(--ks-background-color-default);
|
|
674
702
|
}
|
|
675
703
|
|
|
704
|
+
:root .c-tag-label {
|
|
705
|
+
--c-tag-label--border-radius: var(--ks-border-radius-pill);
|
|
706
|
+
}
|
|
707
|
+
|
|
676
708
|
:root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
|
|
677
709
|
--g-link--font-weight: var(--dsa-link--font-weight, var(--ks-font-weight-semi-bold));
|
|
678
710
|
--g-link--text-decoration: var(--dsa-link--text-decoration, underline);
|
|
@@ -705,10 +737,13 @@ body {
|
|
|
705
737
|
--c-rich-text_headline--margin: var(--dsa-rich-text__headline--margin, 0.75em 0 0.5em);
|
|
706
738
|
}
|
|
707
739
|
|
|
708
|
-
[ks-inverted=false]
|
|
709
|
-
|
|
740
|
+
[ks-inverted=false],
|
|
741
|
+
#root {
|
|
742
|
+
--dsa-text-color-on-primary-base: var(--dsa-text-color-on-primary);
|
|
743
|
+
--dsa-text-color-on-primary-inverted-base: var(--dsa-text-color-on-primary-inverted);
|
|
710
744
|
}
|
|
711
745
|
|
|
712
746
|
[ks-inverted=true] {
|
|
713
|
-
--dsa-text-color-on-primary: var(--dsa-text-color-on-primary-inverted);
|
|
747
|
+
--dsa-text-color-on-primary-base: var(--dsa-text-color-on-primary-inverted);
|
|
748
|
+
--dsa-text-color-on-primary-inverted-base: var(--dsa-text-color-on-primary);
|
|
714
749
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/static/logo.svg
CHANGED
|
@@ -1,26 +1,22 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<g clip-path="url(#
|
|
3
|
-
<path d="
|
|
4
|
-
<path d="
|
|
5
|
-
<path d="
|
|
6
|
-
<path d="
|
|
7
|
-
<path d="
|
|
8
|
-
<path d="
|
|
9
|
-
<path d="
|
|
10
|
-
<path d="
|
|
11
|
-
<path d="
|
|
12
|
-
<path d="
|
|
13
|
-
<path d="
|
|
14
|
-
<
|
|
15
|
-
<
|
|
1
|
+
<svg width="320" height="72" viewBox="0 0 320 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_927_5)">
|
|
3
|
+
<path d="M308.318 58.6908C305.704 58.6908 303.52 58.1328 301.765 57.0168C300.047 55.9008 298.74 54.357 297.844 52.3854C296.948 50.4138 296.425 48.126 296.276 45.522L301.877 44.0154C301.989 45.615 302.232 47.1588 302.605 48.6468C303.016 50.1348 303.669 51.3624 304.566 52.3296C305.462 53.2596 306.713 53.7246 308.318 53.7246C309.961 53.7246 311.194 53.2782 312.015 52.3854C312.874 51.4554 313.303 50.1348 313.303 48.4236C313.303 46.3776 312.837 44.7408 311.903 43.5132C310.969 42.2484 309.793 40.9836 308.374 39.7188L300.757 33.0228C299.263 31.7208 298.162 30.3072 297.452 28.782C296.743 27.2196 296.388 25.3038 296.388 23.0346C296.388 19.7238 297.34 17.157 299.244 15.3342C301.149 13.5114 303.744 12.6 307.03 12.6C308.822 12.6 310.391 12.8418 311.735 13.3254C313.117 13.7718 314.255 14.4786 315.152 15.4458C316.085 16.413 316.813 17.6406 317.336 19.1286C317.896 20.5794 318.27 22.2906 318.456 24.2622L313.079 25.713C312.967 24.225 312.743 22.8672 312.407 21.6396C312.071 20.3748 311.474 19.3704 310.615 18.6264C309.793 17.8452 308.598 17.4546 307.03 17.4546C305.462 17.4546 304.229 17.8824 303.333 18.738C302.474 19.5564 302.045 20.784 302.045 22.4208C302.045 23.7972 302.269 24.9318 302.717 25.8246C303.203 26.7174 303.968 27.6288 305.014 28.5588L312.687 35.2548C314.405 36.7428 315.917 38.5284 317.224 40.6116C318.531 42.6576 319.184 45.0942 319.184 47.9214C319.184 50.1534 318.718 52.0878 317.784 53.7246C316.851 55.3242 315.562 56.5518 313.919 57.4074C312.314 58.263 310.447 58.6908 308.318 58.6908Z" fill="black"/>
|
|
4
|
+
<path d="M280.164 58.6908C276.953 58.6908 274.451 58.0212 272.659 56.682C270.904 55.3428 269.671 53.5386 268.962 51.2694C268.29 49.0002 267.954 46.4706 267.954 43.6806V27.7218C267.954 24.6714 268.29 22.0116 268.962 19.7424C269.671 17.4732 270.904 15.7248 272.659 14.4972C274.451 13.2324 276.953 12.6 280.164 12.6C283.002 12.6 285.243 13.1208 286.886 14.1624C288.566 15.204 289.761 16.692 290.47 18.6264C291.217 20.5608 291.591 22.8858 291.591 25.6014V29.1726H285.597V25.992C285.597 24.318 285.504 22.8486 285.317 21.5838C285.168 20.2818 284.72 19.2774 283.973 18.5706C283.226 17.8638 281.975 17.5104 280.22 17.5104C278.428 17.5104 277.121 17.901 276.299 18.6822C275.478 19.4262 274.937 20.505 274.675 21.9186C274.451 23.295 274.339 24.9132 274.339 26.7732V44.685C274.339 46.9542 274.526 48.7584 274.899 50.0976C275.273 51.3996 275.889 52.3296 276.748 52.8876C277.606 53.4456 278.764 53.7246 280.22 53.7246C281.938 53.7246 283.17 53.3526 283.917 52.6086C284.664 51.8274 285.131 50.7672 285.317 49.428C285.504 48.0888 285.597 46.5264 285.597 44.7408V41.3928H291.591V44.7408C291.591 47.4936 291.255 49.9302 290.582 52.0506C289.91 54.1338 288.753 55.7706 287.11 56.961C285.467 58.1142 283.152 58.6908 280.164 58.6908Z" fill="black"/>
|
|
5
|
+
<path d="M255.237 58.1886V12.9906H261.454V58.1886H255.237Z" fill="black"/>
|
|
6
|
+
<path d="M217.812 58.1886L218.652 12.9906H224.87L232.879 49.6512L240.945 12.9906H247.106L247.946 58.1886H242.849L242.345 25.3782L234.672 58.1886H231.087L223.469 25.3782L222.965 58.1886H217.812Z" fill="black"/>
|
|
7
|
+
<path d="M195.115 58.1886V12.9906H212.703V17.6778H201.444V32.6322H210.574V37.0962H201.444V53.6688H212.815V58.1886H195.115Z" fill="black"/>
|
|
8
|
+
<path d="M176.962 58.1886V17.6778H169.289V12.9906H190.741V17.6778H183.292V58.1886H176.962Z" fill="black"/>
|
|
9
|
+
<path d="M156.201 58.6908C153.588 58.6908 151.403 58.1328 149.648 57.0168C147.93 55.9008 146.624 54.357 145.727 52.3854C144.831 50.4138 144.308 48.126 144.159 45.522L149.76 44.0154C149.872 45.615 150.115 47.1588 150.488 48.6468C150.899 50.1348 151.553 51.3624 152.449 52.3296C153.345 53.2596 154.596 53.7246 156.201 53.7246C157.844 53.7246 159.077 53.2782 159.898 52.3854C160.757 51.4554 161.186 50.1348 161.186 48.4236C161.186 46.3776 160.72 44.7408 159.786 43.5132C158.853 42.2484 157.676 40.9836 156.257 39.7188L148.64 33.0228C147.146 31.7208 146.045 30.3072 145.335 28.782C144.626 27.2196 144.271 25.3038 144.271 23.0346C144.271 19.7238 145.223 17.157 147.128 15.3342C149.032 13.5114 151.627 12.6 154.913 12.6C156.706 12.6 158.274 12.8418 159.618 13.3254C161 13.7718 162.139 14.4786 163.035 15.4458C163.968 16.413 164.697 17.6406 165.219 19.1286C165.779 20.5794 166.153 22.2906 166.34 24.2622L160.962 25.713C160.85 24.225 160.626 22.8672 160.29 21.6396C159.954 20.3748 159.357 19.3704 158.498 18.6264C157.676 17.8452 156.482 17.4546 154.913 17.4546C153.345 17.4546 152.113 17.8824 151.216 18.738C150.358 19.5564 149.928 20.784 149.928 22.4208C149.928 23.7972 150.152 24.9318 150.6 25.8246C151.086 26.7174 151.851 27.6288 152.897 28.5588L160.57 35.2548C162.288 36.7428 163.8 38.5284 165.107 40.6116C166.414 42.6576 167.068 45.0942 167.068 47.9214C167.068 50.1534 166.601 52.0878 165.667 53.7246C164.734 55.3242 163.446 56.5518 161.803 57.4074C160.197 58.263 158.33 58.6908 156.201 58.6908Z" fill="black"/>
|
|
10
|
+
<path d="M125.482 58.1886V42.2298L115.68 12.9906H121.562L128.507 34.8084L135.34 12.9906H141.278L131.532 42.2298V58.1886H125.482Z" fill="black"/>
|
|
11
|
+
<path d="M102.761 58.6908C100.147 58.6908 97.9626 58.1328 96.2076 57.0168C94.4899 55.9008 93.183 54.357 92.2868 52.3854C91.3906 50.4138 90.8679 48.126 90.7185 45.522L96.3196 44.0154C96.4317 45.615 96.6744 47.1588 97.0478 48.6468C97.4585 50.1348 98.112 51.3624 99.0082 52.3296C99.9044 53.2596 101.155 53.7246 102.761 53.7246C104.404 53.7246 105.636 53.2782 106.458 52.3854C107.317 51.4554 107.746 50.1348 107.746 48.4236C107.746 46.3776 107.279 44.7408 106.346 43.5132C105.412 42.2484 104.236 40.9836 102.817 39.7188L95.1994 33.0228C93.7058 31.7208 92.6042 30.3072 91.8947 28.782C91.1853 27.2196 90.8305 25.3038 90.8305 23.0346C90.8305 19.7238 91.7827 17.157 93.6871 15.3342C95.5915 13.5114 98.1867 12.6 101.473 12.6C103.265 12.6 104.833 12.8418 106.178 13.3254C107.559 13.7718 108.698 14.4786 109.594 15.4458C110.528 16.413 111.256 17.6406 111.779 19.1286C112.339 20.5794 112.712 22.2906 112.899 24.2622L107.522 25.713C107.41 24.225 107.186 22.8672 106.85 21.6396C106.514 20.3748 105.916 19.3704 105.057 18.6264C104.236 17.8452 103.041 17.4546 101.473 17.4546C99.9044 17.4546 98.6721 17.8824 97.7759 18.738C96.9171 19.5564 96.4877 20.784 96.4877 22.4208C96.4877 23.7972 96.7117 24.9318 97.1598 25.8246C97.6452 26.7174 98.4107 27.6288 99.4563 28.5588L107.13 35.2548C108.848 36.7428 110.36 38.5284 111.667 40.6116C112.974 42.6576 113.627 45.0942 113.627 47.9214C113.627 50.1534 113.16 52.0878 112.227 53.7246C111.293 55.3242 110.005 56.5518 108.362 57.4074C106.756 58.263 104.889 58.6908 102.761 58.6908Z" fill="black"/>
|
|
12
|
+
<path d="M72.2727 36C72.2727 55.8823 56.0939 72 36.1364 72C16.1788 72 0 55.8823 0 36C0 16.1177 16.1788 0 36.1364 0C56.0939 0 72.2727 16.1177 72.2727 36Z" fill="#97122F"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.2087 17.928C34.399 17.928 32.6542 18.1915 31.0093 18.6808C30.0532 18.9652 29.0466 18.4236 28.7611 17.471C28.4756 16.5185 29.0193 15.5157 29.9754 15.2313C31.9522 14.6432 34.0451 14.328 36.2087 14.328C48.2231 14.328 57.9628 24.0309 57.9628 36C57.9628 36.9971 57.8951 37.9793 57.7638 38.9423C57.6294 39.9274 56.719 40.6175 55.7302 40.4836C54.7414 40.3498 54.0487 39.4428 54.183 38.4577C54.2925 37.6549 54.3491 36.8345 54.3491 36C54.3491 26.0191 46.2274 17.928 36.2087 17.928ZM18.8238 26.0841C19.7307 26.4988 20.1285 27.5673 19.7122 28.4708C18.6573 30.7607 18.0682 33.3093 18.0682 36C18.0682 45.9809 26.19 54.072 36.2087 54.072C36.9782 54.072 37.7357 54.0244 38.4785 53.9321C39.0797 53.8574 39.6715 53.7534 40.2525 53.6217C41.2255 53.4011 42.1938 54.0081 42.4152 54.9774C42.6367 55.9468 42.0274 56.9114 41.0544 57.132C40.3567 57.2901 39.6466 57.4149 38.9257 57.5044C38.0349 57.6151 37.128 57.672 36.2087 57.672C24.1942 57.672 14.4546 47.9691 14.4546 36C14.4546 32.7806 15.1604 29.7206 16.428 26.9692C16.8442 26.0657 17.9169 25.6694 18.8238 26.0841Z" fill="white"/>
|
|
14
|
+
<path d="M26.235 21.096C26.235 22.9252 24.7466 24.408 22.9105 24.408C21.0744 24.408 19.586 22.9252 19.586 21.096C19.586 19.2668 21.0744 17.784 22.9105 17.784C24.7466 17.784 26.235 19.2668 26.235 21.096Z" fill="white"/>
|
|
15
|
+
<path d="M57.8182 49.248C57.8182 52.9063 54.8413 55.872 51.1691 55.872C47.4969 55.872 44.52 52.9063 44.52 49.248C44.52 45.5897 47.4969 42.624 51.1691 42.624C54.8413 42.624 57.8182 45.5897 57.8182 49.248Z" fill="white"/>
|
|
16
16
|
</g>
|
|
17
17
|
<defs>
|
|
18
|
-
<
|
|
19
|
-
<
|
|
20
|
-
<stop offset="1" stop-color="#6343E2"/>
|
|
21
|
-
</radialGradient>
|
|
22
|
-
<clipPath id="clip0_80_14">
|
|
23
|
-
<rect width="176" height="40" fill="white"/>
|
|
18
|
+
<clipPath id="clip0_927_5">
|
|
19
|
+
<rect width="320" height="72" fill="white"/>
|
|
24
20
|
</clipPath>
|
|
25
21
|
</defs>
|
|
26
22
|
</svg>
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 04 Jun 2024 06:44:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=business] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -2727,7 +2727,7 @@
|
|
|
2727
2727
|
}
|
|
2728
2728
|
/**
|
|
2729
2729
|
* Do not edit directly
|
|
2730
|
-
* Generated on
|
|
2730
|
+
* Generated on Tue, 04 Jun 2024 06:44:26 GMT
|
|
2731
2731
|
*/
|
|
2732
2732
|
:root [ks-theme=google] {
|
|
2733
2733
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -5458,7 +5458,7 @@
|
|
|
5458
5458
|
}
|
|
5459
5459
|
/**
|
|
5460
5460
|
* Do not edit directly
|
|
5461
|
-
* Generated on
|
|
5461
|
+
* Generated on Tue, 04 Jun 2024 06:44:24 GMT
|
|
5462
5462
|
*/
|
|
5463
5463
|
:root [ks-theme=ngo] {
|
|
5464
5464
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -8459,7 +8459,7 @@
|
|
|
8459
8459
|
}
|
|
8460
8460
|
/**
|
|
8461
8461
|
* Do not edit directly
|
|
8462
|
-
* Generated on
|
|
8462
|
+
* Generated on Tue, 04 Jun 2024 06:44:28 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|