@kickstartds/ds-agency-premium 1.6.28 → 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.
Files changed (16) hide show
  1. package/dist/SectionProps-7a46a8ad.d.ts +1 -1
  2. package/dist/components/blog-overview/index.d.ts +1 -1
  3. package/dist/components/blog-post/index.d.ts +1 -1
  4. package/dist/components/image-story/index.d.ts +1 -1
  5. package/dist/components/index/index.d.ts +3 -3
  6. package/dist/components/page/index.d.ts +1 -1
  7. package/dist/components/page-wrapper/tokens.css +29 -3
  8. package/dist/components/section/section.css +4 -0
  9. package/dist/tokens/themes.css +4 -4
  10. package/dist/tokens/tokens.css +29 -3
  11. package/dist/tokens/tokens.js +14 -2
  12. package/package.json +1 -1
  13. /package/dist/{BlogOverviewProps-7a46a8ad.d.ts → BlogOverviewProps-9f207f1c.d.ts} +0 -0
  14. /package/dist/{BlogPostProps-7a46a8ad.d.ts → BlogPostProps-d9decb7c.d.ts} +0 -0
  15. /package/dist/{ImageStoryProps-03ff6d21.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
  16. /package/dist/{PageProps-7a46a8ad.d.ts → PageProps-aa29c554.d.ts} +0 -0
package/dist/SectionProps-7a46a8ad.d.ts CHANGED
@@ -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-03ff6d21.js";
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";
package/dist/components/blog-overview/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-7a46a8ad.js";
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 };
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-7a46a8ad.js";
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 };
package/dist/components/image-story/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
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>>;
package/dist/components/index/index.d.ts CHANGED
@@ -29,7 +29,7 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-7a46a8ad.js";
33
- export * from "../../BlogOverviewProps-7a46a8ad.js";
34
- export * from "../../PageProps-7a46a8ad.js";
32
+ export * from "../../BlogPostProps-d9decb7c.js";
33
+ export * from "../../BlogOverviewProps-9f207f1c.js";
34
+ export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-7a46a8ad.js";
1
+ import { PageProps } from "../../PageProps-aa29c554.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const Page: FC<PropsWithChildren<PageProps>>;
4
4
  export type { PageProps };
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Nov 2024 12:02:29 GMT
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,42 +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-tv: 2.5;
747
748
  --ks-spacing-xs: var(--ks-spacing-xs-base);
748
749
  --ks-spacing-xs-base: 0.4309rem;
749
750
  --ks-spacing-xs-bp-factor-phone: 1.225;
750
751
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
751
752
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
752
753
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
754
+ --ks-spacing-xs-bp-factor-tv: 2.5;
753
755
  --ks-spacing-s: var(--ks-spacing-s-base);
754
756
  --ks-spacing-s-base: 0.614rem;
755
757
  --ks-spacing-s-bp-factor-phone: 1.225;
756
758
  --ks-spacing-s-bp-factor-tablet: 1.5006;
757
759
  --ks-spacing-s-bp-factor-laptop: 1.8383;
758
760
  --ks-spacing-s-bp-factor-desktop: 2.2519;
761
+ --ks-spacing-s-bp-factor-tv: 2.5;
759
762
  --ks-spacing-m: var(--ks-spacing-m-base);
760
763
  --ks-spacing-m-base: 0.875rem;
761
764
  --ks-spacing-m-bp-factor-phone: 1.225;
762
765
  --ks-spacing-m-bp-factor-tablet: 1.5006;
763
766
  --ks-spacing-m-bp-factor-laptop: 1.8383;
764
767
  --ks-spacing-m-bp-factor-desktop: 2.2519;
768
+ --ks-spacing-m-bp-factor-tv: 2.5;
765
769
  --ks-spacing-l: var(--ks-spacing-l-base);
766
770
  --ks-spacing-l-base: 1.2469rem;
767
771
  --ks-spacing-l-bp-factor-phone: 1.225;
768
772
  --ks-spacing-l-bp-factor-tablet: 1.5006;
769
773
  --ks-spacing-l-bp-factor-laptop: 1.8383;
770
774
  --ks-spacing-l-bp-factor-desktop: 2.2519;
775
+ --ks-spacing-l-bp-factor-tv: 2.5;
771
776
  --ks-spacing-xl: var(--ks-spacing-xl-base);
772
777
  --ks-spacing-xl-base: 1.7768rem;
773
778
  --ks-spacing-xl-bp-factor-phone: 1.225;
774
779
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
775
780
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
776
781
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
782
+ --ks-spacing-xl-bp-factor-tv: 2.5;
777
783
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
778
784
  --ks-spacing-xxl-base: 2.5319rem;
779
785
  --ks-spacing-xxl-bp-factor-phone: 1.225;
780
786
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
781
787
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
782
788
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
789
+ --ks-spacing-xxl-bp-factor-tv: 2.5;
783
790
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
784
791
  --ks-spacing-stack-s: var(--ks-spacing-s);
785
792
  --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -937,9 +944,10 @@
937
944
  --ks-font-weight-semi-bold: 600;
938
945
  --ks-font-weight-bold: 700;
939
946
  --ks-font-size-display-bp-factor-phone: 1.125;
940
- --ks-font-size-display-bp-factor-tablet: 1.25;
947
+ --ks-font-size-display-bp-factor-tablet: 1.5;
941
948
  --ks-font-size-display-bp-factor-laptop: 1.5;
942
949
  --ks-font-size-display-bp-factor-desktop: 1.75;
950
+ --ks-font-size-display-bp-factor-tv: 2.25;
943
951
  --ks-font-size-display-xxs-base: 0.68rem;
944
952
  --ks-font-size-display-xs-base: 0.833rem;
945
953
  --ks-font-size-display-s-base: 1.0204rem;
@@ -948,6 +956,7 @@
948
956
  --ks-font-size-display-xl-base: 1.8758rem;
949
957
  --ks-font-size-display-xxl-base: 2.2978rem;
950
958
  --ks-font-size-copy-bp-factor-tablet: 1.125;
959
+ --ks-font-size-copy-bp-factor-tv: 1.35;
951
960
  --ks-font-size-copy-xxs-base: 0.612rem;
952
961
  --ks-font-size-copy-xs-base: 0.7497rem;
953
962
  --ks-font-size-copy-s-base: 0.9184rem;
@@ -956,6 +965,7 @@
956
965
  --ks-font-size-copy-xl-base: 1.6882rem;
957
966
  --ks-font-size-copy-xxl-base: 2.068rem;
958
967
  --ks-font-size-interface-bp-factor-tablet: 1.125;
968
+ --ks-font-size-interface-bp-factor-tv: 1.35;
959
969
  --ks-font-size-interface-xxs-base: 0.544rem;
960
970
  --ks-font-size-interface-xs-base: 0.6664rem;
961
971
  --ks-font-size-interface-s-base: 0.8163rem;
@@ -964,6 +974,7 @@
964
974
  --ks-font-size-interface-xl-base: 1.5006rem;
965
975
  --ks-font-size-interface-xxl-base: 1.8383rem;
966
976
  --ks-font-size-mono-bp-factor-tablet: 1.125;
977
+ --ks-font-size-mono-bp-factor-tv: 1.35;
967
978
  --ks-font-size-mono-xxs-base: 0.612rem;
968
979
  --ks-font-size-mono-xs-base: 0.7497rem;
969
980
  --ks-font-size-mono-s-base: 0.9184rem;
@@ -1069,7 +1080,7 @@
1069
1080
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
1070
1081
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
1071
1082
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
1072
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
1083
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
1073
1084
  }
1074
1085
 
1075
1086
  :root, [ks-theme], [ks-inverted=false] {
@@ -2729,4 +2740,19 @@
2729
2740
  --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
2730
2741
  --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
2731
2742
  }
2743
+ }
2744
+ @media (min-width: 122em) {
2745
+ :root {
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
+ }
2732
2758
  }
package/dist/components/section/section.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --dsa-section--gutter_default: var(--ks-spacing-m);
14
14
  --dsa-section--gutter_large: var(--ks-spacing-xl);
15
15
  --dsa-section__buttons--space-before: var(--ks-spacing-stack-m);
16
+ --dsa-section__content--max-width: 120em;
16
17
  --dsa-section__content--width_narrow: 46.5rem;
17
18
  --dsa-section__content--width_default: 62rem;
18
19
  --dsa-section__content--width_wide: 75rem;
@@ -107,6 +108,9 @@
107
108
  position: relative;
108
109
  background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
109
110
  }
111
+ .l-section.dsa-section .l-section__content {
112
+ max-width: var(--dsa-section__content--max-width, 120em);
113
+ }
110
114
  .l-section.dsa-section.l-section--gutter-large {
111
115
  --l-section--gutter: var(--dsa-section--gutter_large);
112
116
  }
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Nov 2024 12:02:32 GMT
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 Thu, 28 Nov 2024 12:02:37 GMT
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 Thu, 28 Nov 2024 12:02:34 GMT
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 Thu, 28 Nov 2024 12:02:39 GMT
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 Thu, 28 Nov 2024 12:02:29 GMT
3
+ * Generated on Fri, 29 Nov 2024 08:23:05 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -745,42 +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-tv: 2.5;
748
749
  --ks-spacing-xs: var(--ks-spacing-xs-base);
749
750
  --ks-spacing-xs-base: 0.4309rem;
750
751
  --ks-spacing-xs-bp-factor-phone: 1.225;
751
752
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
752
753
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
753
754
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
755
+ --ks-spacing-xs-bp-factor-tv: 2.5;
754
756
  --ks-spacing-s: var(--ks-spacing-s-base);
755
757
  --ks-spacing-s-base: 0.614rem;
756
758
  --ks-spacing-s-bp-factor-phone: 1.225;
757
759
  --ks-spacing-s-bp-factor-tablet: 1.5006;
758
760
  --ks-spacing-s-bp-factor-laptop: 1.8383;
759
761
  --ks-spacing-s-bp-factor-desktop: 2.2519;
762
+ --ks-spacing-s-bp-factor-tv: 2.5;
760
763
  --ks-spacing-m: var(--ks-spacing-m-base);
761
764
  --ks-spacing-m-base: 0.875rem;
762
765
  --ks-spacing-m-bp-factor-phone: 1.225;
763
766
  --ks-spacing-m-bp-factor-tablet: 1.5006;
764
767
  --ks-spacing-m-bp-factor-laptop: 1.8383;
765
768
  --ks-spacing-m-bp-factor-desktop: 2.2519;
769
+ --ks-spacing-m-bp-factor-tv: 2.5;
766
770
  --ks-spacing-l: var(--ks-spacing-l-base);
767
771
  --ks-spacing-l-base: 1.2469rem;
768
772
  --ks-spacing-l-bp-factor-phone: 1.225;
769
773
  --ks-spacing-l-bp-factor-tablet: 1.5006;
770
774
  --ks-spacing-l-bp-factor-laptop: 1.8383;
771
775
  --ks-spacing-l-bp-factor-desktop: 2.2519;
776
+ --ks-spacing-l-bp-factor-tv: 2.5;
772
777
  --ks-spacing-xl: var(--ks-spacing-xl-base);
773
778
  --ks-spacing-xl-base: 1.7768rem;
774
779
  --ks-spacing-xl-bp-factor-phone: 1.225;
775
780
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
776
781
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
777
782
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
783
+ --ks-spacing-xl-bp-factor-tv: 2.5;
778
784
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
779
785
  --ks-spacing-xxl-base: 2.5319rem;
780
786
  --ks-spacing-xxl-bp-factor-phone: 1.225;
781
787
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
782
788
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
783
789
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
790
+ --ks-spacing-xxl-bp-factor-tv: 2.5;
784
791
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
785
792
  --ks-spacing-stack-s: var(--ks-spacing-s);
786
793
  --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -938,9 +945,10 @@
938
945
  --ks-font-weight-semi-bold: 600;
939
946
  --ks-font-weight-bold: 700;
940
947
  --ks-font-size-display-bp-factor-phone: 1.125;
941
- --ks-font-size-display-bp-factor-tablet: 1.25;
948
+ --ks-font-size-display-bp-factor-tablet: 1.5;
942
949
  --ks-font-size-display-bp-factor-laptop: 1.5;
943
950
  --ks-font-size-display-bp-factor-desktop: 1.75;
951
+ --ks-font-size-display-bp-factor-tv: 2.25;
944
952
  --ks-font-size-display-xxs-base: 0.68rem;
945
953
  --ks-font-size-display-xs-base: 0.833rem;
946
954
  --ks-font-size-display-s-base: 1.0204rem;
@@ -949,6 +957,7 @@
949
957
  --ks-font-size-display-xl-base: 1.8758rem;
950
958
  --ks-font-size-display-xxl-base: 2.2978rem;
951
959
  --ks-font-size-copy-bp-factor-tablet: 1.125;
960
+ --ks-font-size-copy-bp-factor-tv: 1.35;
952
961
  --ks-font-size-copy-xxs-base: 0.612rem;
953
962
  --ks-font-size-copy-xs-base: 0.7497rem;
954
963
  --ks-font-size-copy-s-base: 0.9184rem;
@@ -957,6 +966,7 @@
957
966
  --ks-font-size-copy-xl-base: 1.6882rem;
958
967
  --ks-font-size-copy-xxl-base: 2.068rem;
959
968
  --ks-font-size-interface-bp-factor-tablet: 1.125;
969
+ --ks-font-size-interface-bp-factor-tv: 1.35;
960
970
  --ks-font-size-interface-xxs-base: 0.544rem;
961
971
  --ks-font-size-interface-xs-base: 0.6664rem;
962
972
  --ks-font-size-interface-s-base: 0.8163rem;
@@ -965,6 +975,7 @@
965
975
  --ks-font-size-interface-xl-base: 1.5006rem;
966
976
  --ks-font-size-interface-xxl-base: 1.8383rem;
967
977
  --ks-font-size-mono-bp-factor-tablet: 1.125;
978
+ --ks-font-size-mono-bp-factor-tv: 1.35;
968
979
  --ks-font-size-mono-xxs-base: 0.612rem;
969
980
  --ks-font-size-mono-xs-base: 0.7497rem;
970
981
  --ks-font-size-mono-s-base: 0.9184rem;
@@ -1070,7 +1081,7 @@
1070
1081
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
1071
1082
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
1072
1083
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
1073
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
1084
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
1074
1085
  }
1075
1086
  :root, [ks-theme], [ks-inverted=false] {
1076
1087
  --ks-background-color-accent: var(--ks-background-color-accent-base);
@@ -2727,4 +2738,19 @@
2727
2738
  --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
2728
2739
  --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
2729
2740
  }
2741
+ }
2742
+ @media (min-width: 122em) {
2743
+ :root {
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
+ }
2730
2756
  }
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Nov 2024 12:02:30 GMT
3
+ * Generated on Fri, 29 Nov 2024 08:23:05 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#230a2b";
@@ -272,6 +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 KsBreakpointTv = "122em";
275
276
  export const KsColorFgBase = "#ffffff";
276
277
  export const KsColorFgAlpha1Base = "rgba(255, 255, 255, 0.95)";
277
278
  export const KsColorFgAlpha2Base = "rgba(255, 255, 255, 0.87)";
@@ -748,42 +749,49 @@ export const KsSpacingXxsBpFactorPhone = "1.225";
748
749
  export const KsSpacingXxsBpFactorTablet = "1.5006";
749
750
  export const KsSpacingXxsBpFactorLaptop = "1.8383";
750
751
  export const KsSpacingXxsBpFactorDesktop = "2.2519";
752
+ export const KsSpacingXxsBpFactorTv = "2.5";
751
753
  export const KsSpacingXs = "0.4309rem";
752
754
  export const KsSpacingXsBase = "0.4309rem";
753
755
  export const KsSpacingXsBpFactorPhone = "1.225";
754
756
  export const KsSpacingXsBpFactorTablet = "1.5006";
755
757
  export const KsSpacingXsBpFactorLaptop = "1.8383";
756
758
  export const KsSpacingXsBpFactorDesktop = "2.2519";
759
+ export const KsSpacingXsBpFactorTv = "2.5";
757
760
  export const KsSpacingS = "0.614rem";
758
761
  export const KsSpacingSBase = "0.614rem";
759
762
  export const KsSpacingSBpFactorPhone = "1.225";
760
763
  export const KsSpacingSBpFactorTablet = "1.5006";
761
764
  export const KsSpacingSBpFactorLaptop = "1.8383";
762
765
  export const KsSpacingSBpFactorDesktop = "2.2519";
766
+ export const KsSpacingSBpFactorTv = "2.5";
763
767
  export const KsSpacingM = "0.875rem";
764
768
  export const KsSpacingMBase = "0.875rem";
765
769
  export const KsSpacingMBpFactorPhone = "1.225";
766
770
  export const KsSpacingMBpFactorTablet = "1.5006";
767
771
  export const KsSpacingMBpFactorLaptop = "1.8383";
768
772
  export const KsSpacingMBpFactorDesktop = "2.2519";
773
+ export const KsSpacingMBpFactorTv = "2.5";
769
774
  export const KsSpacingL = "1.2469rem";
770
775
  export const KsSpacingLBase = "1.2469rem";
771
776
  export const KsSpacingLBpFactorPhone = "1.225";
772
777
  export const KsSpacingLBpFactorTablet = "1.5006";
773
778
  export const KsSpacingLBpFactorLaptop = "1.8383";
774
779
  export const KsSpacingLBpFactorDesktop = "2.2519";
780
+ export const KsSpacingLBpFactorTv = "2.5";
775
781
  export const KsSpacingXl = "1.7768rem";
776
782
  export const KsSpacingXlBase = "1.7768rem";
777
783
  export const KsSpacingXlBpFactorPhone = "1.225";
778
784
  export const KsSpacingXlBpFactorTablet = "1.5006";
779
785
  export const KsSpacingXlBpFactorLaptop = "1.8383";
780
786
  export const KsSpacingXlBpFactorDesktop = "2.2519";
787
+ export const KsSpacingXlBpFactorTv = "2.5";
781
788
  export const KsSpacingXxl = "2.5319rem";
782
789
  export const KsSpacingXxlBase = "2.5319rem";
783
790
  export const KsSpacingXxlBpFactorPhone = "1.225";
784
791
  export const KsSpacingXxlBpFactorTablet = "1.5006";
785
792
  export const KsSpacingXxlBpFactorLaptop = "1.8383";
786
793
  export const KsSpacingXxlBpFactorDesktop = "2.2519";
794
+ export const KsSpacingXxlBpFactorTv = "2.5";
787
795
  export const KsSpacingStackXs = "0.4309rem";
788
796
  export const KsSpacingStackS = "0.614rem";
789
797
  export const KsSpacingStackM = "0.875rem";
@@ -941,9 +949,10 @@ export const KsFontWeightMedium = 500;
941
949
  export const KsFontWeightSemiBold = 600;
942
950
  export const KsFontWeightBold = 700;
943
951
  export const KsFontSizeDisplayBpFactorPhone = 1.125;
944
- export const KsFontSizeDisplayBpFactorTablet = 1.25;
952
+ export const KsFontSizeDisplayBpFactorTablet = 1.5;
945
953
  export const KsFontSizeDisplayBpFactorLaptop = 1.5;
946
954
  export const KsFontSizeDisplayBpFactorDesktop = 1.75;
955
+ export const KsFontSizeDisplayBpFactorTv = 2.25;
947
956
  export const KsFontSizeDisplayXxsBase = "0.68rem";
948
957
  export const KsFontSizeDisplayXsBase = "0.833rem";
949
958
  export const KsFontSizeDisplaySBase = "1.0204rem";
@@ -952,6 +961,7 @@ export const KsFontSizeDisplayLBase = "1.5313rem";
952
961
  export const KsFontSizeDisplayXlBase = "1.8758rem";
953
962
  export const KsFontSizeDisplayXxlBase = "2.2978rem";
954
963
  export const KsFontSizeCopyBpFactorTablet = 1.125;
964
+ export const KsFontSizeCopyBpFactorTv = 1.35;
955
965
  export const KsFontSizeCopyXxsBase = "0.612rem";
956
966
  export const KsFontSizeCopyXsBase = "0.7497rem";
957
967
  export const KsFontSizeCopySBase = "0.9184rem";
@@ -960,6 +970,7 @@ export const KsFontSizeCopyLBase = "1.3781rem";
960
970
  export const KsFontSizeCopyXlBase = "1.6882rem";
961
971
  export const KsFontSizeCopyXxlBase = "2.068rem";
962
972
  export const KsFontSizeInterfaceBpFactorTablet = 1.125;
973
+ export const KsFontSizeInterfaceBpFactorTv = 1.35;
963
974
  export const KsFontSizeInterfaceXxsBase = "0.544rem";
964
975
  export const KsFontSizeInterfaceXsBase = "0.6664rem";
965
976
  export const KsFontSizeInterfaceSBase = "0.8163rem";
@@ -968,6 +979,7 @@ export const KsFontSizeInterfaceLBase = "1.225rem";
968
979
  export const KsFontSizeInterfaceXlBase = "1.5006rem";
969
980
  export const KsFontSizeInterfaceXxlBase = "1.8383rem";
970
981
  export const KsFontSizeMonoBpFactorTablet = 1.125;
982
+ export const KsFontSizeMonoBpFactorTv = 1.35;
971
983
  export const KsFontSizeMonoXxsBase = "0.612rem";
972
984
  export const KsFontSizeMonoXsBase = "0.7497rem";
973
985
  export const KsFontSizeMonoSBase = "0.9184rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.28",
3
+ "version": "1.6.30",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {