@kickstartds/ds-agency-premium 1.6.29 → 1.6.30
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/SectionProps-7a46a8ad.d.ts +1 -1
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +3 -3
- package/dist/components/page/index.d.ts +1 -1
- package/dist/components/page-wrapper/tokens.css +25 -25
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +25 -25
- package/dist/tokens/tokens.js +13 -13
- package/package.json +1 -1
- /package/dist/{BlogOverviewProps-7a46a8ad.d.ts → BlogOverviewProps-9f207f1c.d.ts} +0 -0
- /package/dist/{BlogPostProps-7a46a8ad.d.ts → BlogPostProps-d9decb7c.d.ts} +0 -0
- /package/dist/{ImageStoryProps-03ff6d21.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
- /package/dist/{PageProps-7a46a8ad.d.ts → PageProps-aa29c554.d.ts} +0 -0
|
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
|
|
|
10
10
|
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
11
11
|
import { HeroProps } from "./HeroProps-cf82a16d.js";
|
|
12
12
|
import { HtmlProps } from "./HtmlProps-8e95ed81.js";
|
|
13
|
-
import { ImageStoryProps } from "./ImageStoryProps-
|
|
13
|
+
import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
|
|
14
14
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
15
15
|
import { LogosProps } from "./LogosProps-f9474fe2.js";
|
|
16
16
|
import { MosaicProps } from "./MosaicProps-d52c7151.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogOverviewProps } from "../../BlogOverviewProps-
|
|
1
|
+
import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
|
|
4
4
|
export type { BlogOverviewProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { ImageStoryProps } from "../../ImageStoryProps-
|
|
3
|
+
import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
|
|
4
4
|
declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
34
|
-
export * from "../../PageProps-
|
|
32
|
+
export * from "../../BlogPostProps-d9decb7c.js";
|
|
33
|
+
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
|
+
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 29 Nov 2024
|
|
3
|
+
* Generated on Fri, 29 Nov 2024 08:23:05 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, [ks-theme] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -744,49 +744,49 @@
|
|
|
744
744
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
745
745
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
746
746
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
747
|
-
--ks-spacing-xxs-bp-factor-
|
|
747
|
+
--ks-spacing-xxs-bp-factor-tv: 2.5;
|
|
748
748
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
749
749
|
--ks-spacing-xs-base: 0.4309rem;
|
|
750
750
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
751
751
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
752
752
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
753
753
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
754
|
-
--ks-spacing-xs-bp-factor-
|
|
754
|
+
--ks-spacing-xs-bp-factor-tv: 2.5;
|
|
755
755
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
756
756
|
--ks-spacing-s-base: 0.614rem;
|
|
757
757
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
758
758
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
759
759
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
760
760
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
761
|
-
--ks-spacing-s-bp-factor-
|
|
761
|
+
--ks-spacing-s-bp-factor-tv: 2.5;
|
|
762
762
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
763
763
|
--ks-spacing-m-base: 0.875rem;
|
|
764
764
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
765
765
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
766
766
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
767
767
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
768
|
-
--ks-spacing-m-bp-factor-
|
|
768
|
+
--ks-spacing-m-bp-factor-tv: 2.5;
|
|
769
769
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
770
770
|
--ks-spacing-l-base: 1.2469rem;
|
|
771
771
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
772
772
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
773
773
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
774
774
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
775
|
-
--ks-spacing-l-bp-factor-
|
|
775
|
+
--ks-spacing-l-bp-factor-tv: 2.5;
|
|
776
776
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
777
777
|
--ks-spacing-xl-base: 1.7768rem;
|
|
778
778
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
779
779
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
780
780
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
781
781
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
782
|
-
--ks-spacing-xl-bp-factor-
|
|
782
|
+
--ks-spacing-xl-bp-factor-tv: 2.5;
|
|
783
783
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
784
784
|
--ks-spacing-xxl-base: 2.5319rem;
|
|
785
785
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
786
786
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
787
787
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
788
788
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
789
|
-
--ks-spacing-xxl-bp-factor-
|
|
789
|
+
--ks-spacing-xxl-bp-factor-tv: 2.5;
|
|
790
790
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
791
791
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
792
792
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -947,7 +947,7 @@
|
|
|
947
947
|
--ks-font-size-display-bp-factor-tablet: 1.5;
|
|
948
948
|
--ks-font-size-display-bp-factor-laptop: 1.5;
|
|
949
949
|
--ks-font-size-display-bp-factor-desktop: 1.75;
|
|
950
|
-
--ks-font-size-display-bp-factor-
|
|
950
|
+
--ks-font-size-display-bp-factor-tv: 2.25;
|
|
951
951
|
--ks-font-size-display-xxs-base: 0.68rem;
|
|
952
952
|
--ks-font-size-display-xs-base: 0.833rem;
|
|
953
953
|
--ks-font-size-display-s-base: 1.0204rem;
|
|
@@ -956,7 +956,7 @@
|
|
|
956
956
|
--ks-font-size-display-xl-base: 1.8758rem;
|
|
957
957
|
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
958
958
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
959
|
-
--ks-font-size-copy-bp-factor-
|
|
959
|
+
--ks-font-size-copy-bp-factor-tv: 1.35;
|
|
960
960
|
--ks-font-size-copy-xxs-base: 0.612rem;
|
|
961
961
|
--ks-font-size-copy-xs-base: 0.7497rem;
|
|
962
962
|
--ks-font-size-copy-s-base: 0.9184rem;
|
|
@@ -965,7 +965,7 @@
|
|
|
965
965
|
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
966
966
|
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
967
967
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
968
|
-
--ks-font-size-interface-bp-factor-
|
|
968
|
+
--ks-font-size-interface-bp-factor-tv: 1.35;
|
|
969
969
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
970
970
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
971
971
|
--ks-font-size-interface-s-base: 0.8163rem;
|
|
@@ -974,7 +974,7 @@
|
|
|
974
974
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
975
975
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
976
976
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
977
|
-
--ks-font-size-mono-bp-factor-
|
|
977
|
+
--ks-font-size-mono-bp-factor-tv: 1.35;
|
|
978
978
|
--ks-font-size-mono-xxs-base: 0.612rem;
|
|
979
979
|
--ks-font-size-mono-xs-base: 0.7497rem;
|
|
980
980
|
--ks-font-size-mono-s-base: 0.9184rem;
|
|
@@ -1080,7 +1080,7 @@
|
|
|
1080
1080
|
--ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
|
|
1081
1081
|
--ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
|
|
1082
1082
|
--ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
|
|
1083
|
-
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","
|
|
1083
|
+
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
|
|
1084
1084
|
}
|
|
1085
1085
|
|
|
1086
1086
|
:root, [ks-theme], [ks-inverted=false] {
|
|
@@ -2741,18 +2741,18 @@
|
|
|
2741
2741
|
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
|
|
2742
2742
|
}
|
|
2743
2743
|
}
|
|
2744
|
-
@media (min-width:
|
|
2744
|
+
@media (min-width: 122em) {
|
|
2745
2745
|
:root {
|
|
2746
|
-
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-
|
|
2747
|
-
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-
|
|
2748
|
-
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-
|
|
2749
|
-
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-
|
|
2750
|
-
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-
|
|
2751
|
-
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-
|
|
2752
|
-
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-
|
|
2753
|
-
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-
|
|
2754
|
-
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-
|
|
2755
|
-
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-
|
|
2756
|
-
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-
|
|
2746
|
+
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
|
|
2747
|
+
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
|
|
2748
|
+
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
|
|
2749
|
+
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
|
|
2750
|
+
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
|
|
2751
|
+
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
|
|
2752
|
+
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
|
|
2753
|
+
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
|
|
2754
|
+
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
|
|
2755
|
+
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
|
|
2756
|
+
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
|
|
2757
2757
|
}
|
|
2758
2758
|
}
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 29 Nov 2024
|
|
3
|
+
* Generated on Fri, 29 Nov 2024 08:23:07 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 Fri, 29 Nov 2024
|
|
2730
|
+
* Generated on Fri, 29 Nov 2024 08:23:11 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 Fri, 29 Nov 2024
|
|
5461
|
+
* Generated on Fri, 29 Nov 2024 08:23:09 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 Fri, 29 Nov 2024
|
|
8462
|
+
* Generated on Fri, 29 Nov 2024 08:23:13 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 29 Nov 2024
|
|
3
|
+
* Generated on Fri, 29 Nov 2024 08:23:05 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -745,49 +745,49 @@
|
|
|
745
745
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
746
746
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
747
747
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
748
|
-
--ks-spacing-xxs-bp-factor-
|
|
748
|
+
--ks-spacing-xxs-bp-factor-tv: 2.5;
|
|
749
749
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
750
750
|
--ks-spacing-xs-base: 0.4309rem;
|
|
751
751
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
752
752
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
753
753
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
754
754
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
755
|
-
--ks-spacing-xs-bp-factor-
|
|
755
|
+
--ks-spacing-xs-bp-factor-tv: 2.5;
|
|
756
756
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
757
757
|
--ks-spacing-s-base: 0.614rem;
|
|
758
758
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
759
759
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
760
760
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
761
761
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
762
|
-
--ks-spacing-s-bp-factor-
|
|
762
|
+
--ks-spacing-s-bp-factor-tv: 2.5;
|
|
763
763
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
764
764
|
--ks-spacing-m-base: 0.875rem;
|
|
765
765
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
766
766
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
767
767
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
768
768
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
769
|
-
--ks-spacing-m-bp-factor-
|
|
769
|
+
--ks-spacing-m-bp-factor-tv: 2.5;
|
|
770
770
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
771
771
|
--ks-spacing-l-base: 1.2469rem;
|
|
772
772
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
773
773
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
774
774
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
775
775
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
776
|
-
--ks-spacing-l-bp-factor-
|
|
776
|
+
--ks-spacing-l-bp-factor-tv: 2.5;
|
|
777
777
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
778
778
|
--ks-spacing-xl-base: 1.7768rem;
|
|
779
779
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
780
780
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
781
781
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
782
782
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
783
|
-
--ks-spacing-xl-bp-factor-
|
|
783
|
+
--ks-spacing-xl-bp-factor-tv: 2.5;
|
|
784
784
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
785
785
|
--ks-spacing-xxl-base: 2.5319rem;
|
|
786
786
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
787
787
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
788
788
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
789
789
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
790
|
-
--ks-spacing-xxl-bp-factor-
|
|
790
|
+
--ks-spacing-xxl-bp-factor-tv: 2.5;
|
|
791
791
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
792
792
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
793
793
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -948,7 +948,7 @@
|
|
|
948
948
|
--ks-font-size-display-bp-factor-tablet: 1.5;
|
|
949
949
|
--ks-font-size-display-bp-factor-laptop: 1.5;
|
|
950
950
|
--ks-font-size-display-bp-factor-desktop: 1.75;
|
|
951
|
-
--ks-font-size-display-bp-factor-
|
|
951
|
+
--ks-font-size-display-bp-factor-tv: 2.25;
|
|
952
952
|
--ks-font-size-display-xxs-base: 0.68rem;
|
|
953
953
|
--ks-font-size-display-xs-base: 0.833rem;
|
|
954
954
|
--ks-font-size-display-s-base: 1.0204rem;
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
--ks-font-size-display-xl-base: 1.8758rem;
|
|
958
958
|
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
959
959
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
960
|
-
--ks-font-size-copy-bp-factor-
|
|
960
|
+
--ks-font-size-copy-bp-factor-tv: 1.35;
|
|
961
961
|
--ks-font-size-copy-xxs-base: 0.612rem;
|
|
962
962
|
--ks-font-size-copy-xs-base: 0.7497rem;
|
|
963
963
|
--ks-font-size-copy-s-base: 0.9184rem;
|
|
@@ -966,7 +966,7 @@
|
|
|
966
966
|
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
967
967
|
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
968
968
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
969
|
-
--ks-font-size-interface-bp-factor-
|
|
969
|
+
--ks-font-size-interface-bp-factor-tv: 1.35;
|
|
970
970
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
971
971
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
972
972
|
--ks-font-size-interface-s-base: 0.8163rem;
|
|
@@ -975,7 +975,7 @@
|
|
|
975
975
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
976
976
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
977
977
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
978
|
-
--ks-font-size-mono-bp-factor-
|
|
978
|
+
--ks-font-size-mono-bp-factor-tv: 1.35;
|
|
979
979
|
--ks-font-size-mono-xxs-base: 0.612rem;
|
|
980
980
|
--ks-font-size-mono-xs-base: 0.7497rem;
|
|
981
981
|
--ks-font-size-mono-s-base: 0.9184rem;
|
|
@@ -1081,7 +1081,7 @@
|
|
|
1081
1081
|
--ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
|
|
1082
1082
|
--ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
|
|
1083
1083
|
--ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
|
|
1084
|
-
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","
|
|
1084
|
+
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
|
|
1085
1085
|
}
|
|
1086
1086
|
:root, [ks-theme], [ks-inverted=false] {
|
|
1087
1087
|
--ks-background-color-accent: var(--ks-background-color-accent-base);
|
|
@@ -2739,18 +2739,18 @@
|
|
|
2739
2739
|
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
|
|
2740
2740
|
}
|
|
2741
2741
|
}
|
|
2742
|
-
@media (min-width:
|
|
2742
|
+
@media (min-width: 122em) {
|
|
2743
2743
|
:root {
|
|
2744
|
-
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-
|
|
2745
|
-
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-
|
|
2746
|
-
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-
|
|
2747
|
-
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-
|
|
2748
|
-
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-
|
|
2749
|
-
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-
|
|
2750
|
-
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-
|
|
2751
|
-
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-
|
|
2752
|
-
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-
|
|
2753
|
-
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-
|
|
2754
|
-
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-
|
|
2744
|
+
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
|
|
2745
|
+
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
|
|
2746
|
+
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
|
|
2747
|
+
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
|
|
2748
|
+
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
|
|
2749
|
+
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
|
|
2750
|
+
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
|
|
2751
|
+
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
|
|
2752
|
+
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
|
|
2753
|
+
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
|
|
2754
|
+
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
|
|
2755
2755
|
}
|
|
2756
2756
|
}
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 29 Nov 2024
|
|
3
|
+
* Generated on Fri, 29 Nov 2024 08:23:05 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#230a2b";
|
|
@@ -272,7 +272,7 @@ export const KsBreakpointPhone = "36em";
|
|
|
272
272
|
export const KsBreakpointTablet = "48em";
|
|
273
273
|
export const KsBreakpointLaptop = "62em";
|
|
274
274
|
export const KsBreakpointDesktop = "75em";
|
|
275
|
-
export const
|
|
275
|
+
export const KsBreakpointTv = "122em";
|
|
276
276
|
export const KsColorFgBase = "#ffffff";
|
|
277
277
|
export const KsColorFgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
278
278
|
export const KsColorFgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
@@ -749,49 +749,49 @@ export const KsSpacingXxsBpFactorPhone = "1.225";
|
|
|
749
749
|
export const KsSpacingXxsBpFactorTablet = "1.5006";
|
|
750
750
|
export const KsSpacingXxsBpFactorLaptop = "1.8383";
|
|
751
751
|
export const KsSpacingXxsBpFactorDesktop = "2.2519";
|
|
752
|
-
export const
|
|
752
|
+
export const KsSpacingXxsBpFactorTv = "2.5";
|
|
753
753
|
export const KsSpacingXs = "0.4309rem";
|
|
754
754
|
export const KsSpacingXsBase = "0.4309rem";
|
|
755
755
|
export const KsSpacingXsBpFactorPhone = "1.225";
|
|
756
756
|
export const KsSpacingXsBpFactorTablet = "1.5006";
|
|
757
757
|
export const KsSpacingXsBpFactorLaptop = "1.8383";
|
|
758
758
|
export const KsSpacingXsBpFactorDesktop = "2.2519";
|
|
759
|
-
export const
|
|
759
|
+
export const KsSpacingXsBpFactorTv = "2.5";
|
|
760
760
|
export const KsSpacingS = "0.614rem";
|
|
761
761
|
export const KsSpacingSBase = "0.614rem";
|
|
762
762
|
export const KsSpacingSBpFactorPhone = "1.225";
|
|
763
763
|
export const KsSpacingSBpFactorTablet = "1.5006";
|
|
764
764
|
export const KsSpacingSBpFactorLaptop = "1.8383";
|
|
765
765
|
export const KsSpacingSBpFactorDesktop = "2.2519";
|
|
766
|
-
export const
|
|
766
|
+
export const KsSpacingSBpFactorTv = "2.5";
|
|
767
767
|
export const KsSpacingM = "0.875rem";
|
|
768
768
|
export const KsSpacingMBase = "0.875rem";
|
|
769
769
|
export const KsSpacingMBpFactorPhone = "1.225";
|
|
770
770
|
export const KsSpacingMBpFactorTablet = "1.5006";
|
|
771
771
|
export const KsSpacingMBpFactorLaptop = "1.8383";
|
|
772
772
|
export const KsSpacingMBpFactorDesktop = "2.2519";
|
|
773
|
-
export const
|
|
773
|
+
export const KsSpacingMBpFactorTv = "2.5";
|
|
774
774
|
export const KsSpacingL = "1.2469rem";
|
|
775
775
|
export const KsSpacingLBase = "1.2469rem";
|
|
776
776
|
export const KsSpacingLBpFactorPhone = "1.225";
|
|
777
777
|
export const KsSpacingLBpFactorTablet = "1.5006";
|
|
778
778
|
export const KsSpacingLBpFactorLaptop = "1.8383";
|
|
779
779
|
export const KsSpacingLBpFactorDesktop = "2.2519";
|
|
780
|
-
export const
|
|
780
|
+
export const KsSpacingLBpFactorTv = "2.5";
|
|
781
781
|
export const KsSpacingXl = "1.7768rem";
|
|
782
782
|
export const KsSpacingXlBase = "1.7768rem";
|
|
783
783
|
export const KsSpacingXlBpFactorPhone = "1.225";
|
|
784
784
|
export const KsSpacingXlBpFactorTablet = "1.5006";
|
|
785
785
|
export const KsSpacingXlBpFactorLaptop = "1.8383";
|
|
786
786
|
export const KsSpacingXlBpFactorDesktop = "2.2519";
|
|
787
|
-
export const
|
|
787
|
+
export const KsSpacingXlBpFactorTv = "2.5";
|
|
788
788
|
export const KsSpacingXxl = "2.5319rem";
|
|
789
789
|
export const KsSpacingXxlBase = "2.5319rem";
|
|
790
790
|
export const KsSpacingXxlBpFactorPhone = "1.225";
|
|
791
791
|
export const KsSpacingXxlBpFactorTablet = "1.5006";
|
|
792
792
|
export const KsSpacingXxlBpFactorLaptop = "1.8383";
|
|
793
793
|
export const KsSpacingXxlBpFactorDesktop = "2.2519";
|
|
794
|
-
export const
|
|
794
|
+
export const KsSpacingXxlBpFactorTv = "2.5";
|
|
795
795
|
export const KsSpacingStackXs = "0.4309rem";
|
|
796
796
|
export const KsSpacingStackS = "0.614rem";
|
|
797
797
|
export const KsSpacingStackM = "0.875rem";
|
|
@@ -952,7 +952,7 @@ export const KsFontSizeDisplayBpFactorPhone = 1.125;
|
|
|
952
952
|
export const KsFontSizeDisplayBpFactorTablet = 1.5;
|
|
953
953
|
export const KsFontSizeDisplayBpFactorLaptop = 1.5;
|
|
954
954
|
export const KsFontSizeDisplayBpFactorDesktop = 1.75;
|
|
955
|
-
export const
|
|
955
|
+
export const KsFontSizeDisplayBpFactorTv = 2.25;
|
|
956
956
|
export const KsFontSizeDisplayXxsBase = "0.68rem";
|
|
957
957
|
export const KsFontSizeDisplayXsBase = "0.833rem";
|
|
958
958
|
export const KsFontSizeDisplaySBase = "1.0204rem";
|
|
@@ -961,7 +961,7 @@ export const KsFontSizeDisplayLBase = "1.5313rem";
|
|
|
961
961
|
export const KsFontSizeDisplayXlBase = "1.8758rem";
|
|
962
962
|
export const KsFontSizeDisplayXxlBase = "2.2978rem";
|
|
963
963
|
export const KsFontSizeCopyBpFactorTablet = 1.125;
|
|
964
|
-
export const
|
|
964
|
+
export const KsFontSizeCopyBpFactorTv = 1.35;
|
|
965
965
|
export const KsFontSizeCopyXxsBase = "0.612rem";
|
|
966
966
|
export const KsFontSizeCopyXsBase = "0.7497rem";
|
|
967
967
|
export const KsFontSizeCopySBase = "0.9184rem";
|
|
@@ -970,7 +970,7 @@ export const KsFontSizeCopyLBase = "1.3781rem";
|
|
|
970
970
|
export const KsFontSizeCopyXlBase = "1.6882rem";
|
|
971
971
|
export const KsFontSizeCopyXxlBase = "2.068rem";
|
|
972
972
|
export const KsFontSizeInterfaceBpFactorTablet = 1.125;
|
|
973
|
-
export const
|
|
973
|
+
export const KsFontSizeInterfaceBpFactorTv = 1.35;
|
|
974
974
|
export const KsFontSizeInterfaceXxsBase = "0.544rem";
|
|
975
975
|
export const KsFontSizeInterfaceXsBase = "0.6664rem";
|
|
976
976
|
export const KsFontSizeInterfaceSBase = "0.8163rem";
|
|
@@ -979,7 +979,7 @@ export const KsFontSizeInterfaceLBase = "1.225rem";
|
|
|
979
979
|
export const KsFontSizeInterfaceXlBase = "1.5006rem";
|
|
980
980
|
export const KsFontSizeInterfaceXxlBase = "1.8383rem";
|
|
981
981
|
export const KsFontSizeMonoBpFactorTablet = 1.125;
|
|
982
|
-
export const
|
|
982
|
+
export const KsFontSizeMonoBpFactorTv = 1.35;
|
|
983
983
|
export const KsFontSizeMonoXxsBase = "0.612rem";
|
|
984
984
|
export const KsFontSizeMonoXsBase = "0.7497rem";
|
|
985
985
|
export const KsFontSizeMonoSBase = "0.9184rem";
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|