@kickstartds/ds-agency-premium 1.3.14--canary.451.c8089ef.0 → 1.3.14
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/button/button.css +2 -1
- package/dist/components/faq/faq.css +1 -1
- package/dist/components/faq/index.js +1 -3
- package/dist/components/headline/headline.css +3 -9
- package/dist/components/nav-main/nav-main.css +5 -1
- package/dist/components/page-wrapper/tokens.css +439 -438
- package/dist/components/slider/index.js +1 -5
- package/dist/components/teaser-card/teaser-card.css +6 -6
- package/dist/components/video-curtain/index.js +0 -1
- package/dist/components/video-curtain/video-curtain.css +5 -1
- package/dist/global.css +1 -47
- package/dist/static/logo.svg +21 -17
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +439 -438
- package/dist/tokens/tokens.js +651 -650
- package/package.json +1 -1
- 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
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
2
|
--dsa-button--padding: 0.75em 2em;
|
|
3
|
-
--dsa-button--border-width:
|
|
3
|
+
--dsa-button--border-width: var(--ks-border-width-default);
|
|
4
|
+
--dsa-button--border-radius: var(--ks-border-radius-pill);
|
|
4
5
|
--dsa-button--font-weight: var(--ks-font-weight-semi-bold);
|
|
5
6
|
--dsa-button_primary--color: var(--dsa-text-color-on-primary);
|
|
6
7
|
--dsa-button_primary--color_hover: var(--dsa-text-color-on-primary);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dsa-faq {
|
|
2
|
-
--dsa-faq--border-color: var(--ks-border-color-
|
|
2
|
+
--dsa-faq--border-color: var(--ks-border-color-interface);
|
|
3
3
|
--dsa-faq__summary--color: var(--dsa-topic--color);
|
|
4
4
|
--dsa-faq__summary--font-weight: var(--dsa-topic--font-weight);
|
|
5
5
|
--dsa-faq__summary--font: var(--dsa-topic--font);
|
|
@@ -3,9 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { CollapsibleBox } from '@kickstartds/base/lib/collapsible-box';
|
|
5
5
|
|
|
6
|
-
const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (
|
|
7
|
-
//TODO: Fix in main
|
|
8
|
-
jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
|
|
6
|
+
const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
|
|
9
7
|
const FaqContext = createContext(FaqContextDefault);
|
|
10
8
|
const Faq = forwardRef((props, ref) => {
|
|
11
9
|
const Component = useContext(FaqContext);
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
:root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
|
|
2
|
-
--dsa-headline--higlight-background: linear-gradient(
|
|
3
|
-
0deg,
|
|
4
|
-
var(--ks-color-primary-alpha-4) 45%,
|
|
5
|
-
var(--ks-color-primary-alpha-3) 45%,
|
|
6
|
-
var(--ks-color-primary-alpha-3) 60%,
|
|
7
|
-
var(--ks-color-primary-alpha-1) 60%
|
|
8
|
-
);
|
|
9
2
|
--dsa-headline--color: var(--ks-text-color-display);
|
|
10
|
-
--dsa-headline--font-weight: var(--ks-font-weight-
|
|
11
|
-
--dsa-headline--text-transform:
|
|
3
|
+
--dsa-headline--font-weight: var(--ks-font-weight-medium);
|
|
4
|
+
--dsa-headline--text-transform: none;
|
|
5
|
+
--dsa-headline--higlight-background: linear-gradient(90deg, var(--ks-color-secondary), var(--ks-color-primary));
|
|
12
6
|
--dsa-headline__subheadline--color: var(--ks-text-color-primary);
|
|
13
7
|
--dsa-headline__subheadline--font-weight: var(--ks-font-weight-semi-bold);
|
|
14
8
|
--dsa-headline--gap: 0.25em;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
.nav-main {
|
|
2
|
-
--dsa-nav-main--background:
|
|
2
|
+
--dsa-nav-main--background: linear-gradient(
|
|
3
|
+
125deg,
|
|
4
|
+
var(--ks-background-color-default),
|
|
5
|
+
var(--ks-color-primary-to-bg-6)
|
|
6
|
+
);
|
|
3
7
|
--dsa-nav-main__link--color: var(--ks-text-color-interface-interactive);
|
|
4
8
|
--dsa-nav-main__link--opacity_hover: 0.75;
|
|
5
9
|
--dsa-nav-main__link--color_active: var(--ks-text-color-interface-interactive-active);
|