@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1797.0

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jun 2025 07:55:05 GMT
+ * Generated on Sat, 05 Jul 2025 11:49:47 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -230,6 +230,7 @@
   --ks-border-radius-control: 16px;
   --ks-border-radius-card: 16px;
   --ks-border-radius-surface: 32px;
+  --ks-border-radius-image: 0px;
   --ks-border-radius-pill: 999px;
   --ks-border-radius-circle: 50%;
   --ks-box-shadow-opacity-control: 0.2;
@@ -744,42 +745,55 @@
   --ks-spacing-xxs-bp-factor-tablet: 1.5006;
   --ks-spacing-xxs-bp-factor-laptop: 1.8383;
   --ks-spacing-xxs-bp-factor-desktop: 2.2519;
+  --ks-spacing-xxs-bp-factor-widescreen: 2.5;
+  --ks-spacing-xxs-bp-factor-tv: 3;
   --ks-spacing-xs: var(--ks-spacing-xs-base);
   --ks-spacing-xs-base: 0.4309rem;
   --ks-spacing-xs-bp-factor-phone: 1.225;
   --ks-spacing-xs-bp-factor-tablet: 1.5006;
   --ks-spacing-xs-bp-factor-laptop: 1.8383;
   --ks-spacing-xs-bp-factor-desktop: 2.2519;
+  --ks-spacing-xs-bp-factor-widescreen: 2.5;
+  --ks-spacing-xs-bp-factor-tv: 3;
   --ks-spacing-s: var(--ks-spacing-s-base);
   --ks-spacing-s-base: 0.614rem;
   --ks-spacing-s-bp-factor-phone: 1.225;
   --ks-spacing-s-bp-factor-tablet: 1.5006;
   --ks-spacing-s-bp-factor-laptop: 1.8383;
   --ks-spacing-s-bp-factor-desktop: 2.2519;
+  --ks-spacing-s-bp-factor-widescreen: 2.5;
+  --ks-spacing-s-bp-factor-tv: 3;
   --ks-spacing-m: var(--ks-spacing-m-base);
   --ks-spacing-m-base: 0.875rem;
   --ks-spacing-m-bp-factor-phone: 1.225;
   --ks-spacing-m-bp-factor-tablet: 1.5006;
   --ks-spacing-m-bp-factor-laptop: 1.8383;
   --ks-spacing-m-bp-factor-desktop: 2.2519;
+  --ks-spacing-m-bp-factor-widescreen: 2.5;
+  --ks-spacing-m-bp-factor-tv: 3;
   --ks-spacing-l: var(--ks-spacing-l-base);
   --ks-spacing-l-base: 1.2469rem;
   --ks-spacing-l-bp-factor-phone: 1.225;
   --ks-spacing-l-bp-factor-tablet: 1.5006;
   --ks-spacing-l-bp-factor-laptop: 1.8383;
   --ks-spacing-l-bp-factor-desktop: 2.2519;
+  --ks-spacing-l-bp-factor-widescreen: 2.5;
+  --ks-spacing-l-bp-factor-tv: 3;
   --ks-spacing-xl: var(--ks-spacing-xl-base);
   --ks-spacing-xl-base: 1.7768rem;
   --ks-spacing-xl-bp-factor-phone: 1.225;
   --ks-spacing-xl-bp-factor-tablet: 1.5006;
   --ks-spacing-xl-bp-factor-laptop: 1.8383;
   --ks-spacing-xl-bp-factor-desktop: 2.2519;
+  --ks-spacing-xl-bp-factor-tv: 2.7;
   --ks-spacing-xxl: var(--ks-spacing-xxl-base);
   --ks-spacing-xxl-base: 2.5319rem;
   --ks-spacing-xxl-bp-factor-phone: 1.225;
   --ks-spacing-xxl-bp-factor-tablet: 1.5006;
   --ks-spacing-xxl-bp-factor-laptop: 1.8383;
   --ks-spacing-xxl-bp-factor-desktop: 2.2519;
+  --ks-spacing-xxl-bp-factor-widescreen: 2.5;
+  --ks-spacing-xxl-bp-factor-tv: 3;
   --ks-spacing-stack-xs: var(--ks-spacing-xs);
   --ks-spacing-stack-s: var(--ks-spacing-s);
   --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -928,7 +942,7 @@
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-fast) var(--ks-timing-function-ease-out);
   --ks-font-family-display: Fredoka, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-font-family-copy: Mulish, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --ks-font-family-copy: Mulish, system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
   --ks-font-family-interface: Mulish, system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
   --ks-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
   --ks-font-weight-light: 300;
@@ -937,9 +951,11 @@
   --ks-font-weight-semi-bold: 600;
   --ks-font-weight-bold: 700;
   --ks-font-size-display-bp-factor-phone: 1.125;
-  --ks-font-size-display-bp-factor-tablet: 1.25;
+  --ks-font-size-display-bp-factor-tablet: 1.5;
   --ks-font-size-display-bp-factor-laptop: 1.5;
   --ks-font-size-display-bp-factor-desktop: 1.75;
+  --ks-font-size-display-bp-factor-widescreen: 2.25;
+  --ks-font-size-display-bp-factor-tv: 2.75;
   --ks-font-size-display-xxs-base: 0.68rem;
   --ks-font-size-display-xs-base: 0.833rem;
   --ks-font-size-display-s-base: 1.0204rem;
@@ -948,6 +964,8 @@
   --ks-font-size-display-xl-base: 1.8758rem;
   --ks-font-size-display-xxl-base: 2.2978rem;
   --ks-font-size-copy-bp-factor-tablet: 1.125;
+  --ks-font-size-copy-bp-factor-widescreen: 1.35;
+  --ks-font-size-copy-bp-factor-tv: 1.65;
   --ks-font-size-copy-xxs-base: 0.612rem;
   --ks-font-size-copy-xs-base: 0.7497rem;
   --ks-font-size-copy-s-base: 0.9184rem;
@@ -956,6 +974,8 @@
   --ks-font-size-copy-xl-base: 1.6882rem;
   --ks-font-size-copy-xxl-base: 2.068rem;
   --ks-font-size-interface-bp-factor-tablet: 1.125;
+  --ks-font-size-interface-bp-factor-widescreen: 1.35;
+  --ks-font-size-interface-bp-factor-tv: 1.65;
   --ks-font-size-interface-xxs-base: 0.544rem;
   --ks-font-size-interface-xs-base: 0.6664rem;
   --ks-font-size-interface-s-base: 0.8163rem;
@@ -964,6 +984,8 @@
   --ks-font-size-interface-xl-base: 1.5006rem;
   --ks-font-size-interface-xxl-base: 1.8383rem;
   --ks-font-size-mono-bp-factor-tablet: 1.125;
+  --ks-font-size-mono-bp-factor-widescreen: 1.35;
+  --ks-font-size-mono-bp-factor-tv: 1.65;
   --ks-font-size-mono-xxs-base: 0.612rem;
   --ks-font-size-mono-xs-base: 0.7497rem;
   --ks-font-size-mono-s-base: 0.9184rem;
@@ -1069,7 +1091,7 @@
   --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
   --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
   --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
-  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
+  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","widescreen":"122em","tv":"162em"}';
 }
 
 :root, [ks-theme], [ks-inverted=false] {
@@ -2729,4 +2751,33 @@
     --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
     --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
   }
+}
+@media (min-width: 122em) {
+  :root {
+    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-widescreen);
+    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-widescreen);
+    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-widescreen);
+    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-widescreen);
+    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-widescreen);
+    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-widescreen);
+    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-widescreen);
+    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-widescreen);
+    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-widescreen);
+    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-widescreen);
+  }
+}
+@media (min-width: 162em) {
+  :root {
+    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
+    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
+    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
+    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
+    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
+    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
+    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
+    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
+    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
+    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
+    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
+  }
 }