@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.7.0--canary.46.1791.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.
Files changed (377) hide show
  1. package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
  2. package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
  3. package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
  4. package/dist/BlogPostProps-6b3cff22.d.ts +3 -3
  5. package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-03ff6d21.d.ts} +4 -4
  6. package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-93230a76.d.ts} +11 -21
  7. package/dist/{FeaturesProps-a9041d97.d.ts → FeaturesProps-e58616a5.d.ts} +4 -9
  8. package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
  9. package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
  10. package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-f704d270.d.ts} +4 -9
  11. package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
  12. package/dist/MosaicProps-d52c7151.d.ts +4 -4
  13. package/dist/PageProps-aa29c554.d.ts +1 -1
  14. package/dist/{SectionProps-21d04028.d.ts → SectionProps-1cfcf6e8.d.ts} +9 -14
  15. package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-93230a76.d.ts} +5 -5
  16. package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
  17. package/dist/StatsProps-bf5ef578.d.ts +1 -1
  18. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
  19. package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
  20. package/dist/components/blog-aside/blog-aside.css +4 -4
  21. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +8 -16
  22. package/dist/components/blog-aside/blog-aside.schema.json +4 -4
  23. package/dist/components/blog-aside/index.d.ts +1 -1
  24. package/dist/components/blog-aside/index.js +3 -3
  25. package/dist/components/blog-author/blog-author.schema.dereffed.json +4 -12
  26. package/dist/components/blog-author/index.d.ts +1 -1
  27. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +115 -210
  28. package/dist/components/blog-post/blog-post.schema.dereffed.json +123 -226
  29. package/dist/components/blog-post/index.js +2 -4
  30. package/dist/components/blog-teaser/blog-teaser.css +2 -2
  31. package/dist/components/blog-teaser/index.js +7 -5
  32. package/dist/components/button/button.css +2 -2
  33. package/dist/components/button/button.schema.dereffed.json +3 -3
  34. package/dist/components/button/button.schema.json +3 -3
  35. package/dist/components/button/index.d.ts +1 -1
  36. package/dist/components/button/index.js +1 -1
  37. package/dist/components/button-group/button-group.schema.dereffed.json +3 -3
  38. package/dist/components/button-group/index.d.ts +1 -1
  39. package/dist/components/contact/contact.css +16 -10
  40. package/dist/components/contact/contact.schema.dereffed.json +5 -13
  41. package/dist/components/contact/contact.schema.json +5 -11
  42. package/dist/components/contact/index.d.ts +1 -6
  43. package/dist/components/contact/index.js +1 -1
  44. package/dist/components/cta/cta.css +71 -48
  45. package/dist/components/cta/cta.schema.dereffed.json +11 -28
  46. package/dist/components/cta/cta.schema.json +10 -23
  47. package/dist/components/cta/index.d.ts +1 -1
  48. package/dist/components/cta/index.js +26 -25
  49. package/dist/components/feature/feature.schema.dereffed.json +3 -13
  50. package/dist/components/feature/feature.schema.json +3 -11
  51. package/dist/components/feature/index.d.ts +3 -8
  52. package/dist/components/feature/index.js +3 -2
  53. package/dist/components/features/features.css +37 -17
  54. package/dist/components/features/features.schema.dereffed.json +3 -13
  55. package/dist/components/features/features.schema.json +2 -5
  56. package/dist/components/features/index.d.ts +1 -1
  57. package/dist/components/features/index.js +2 -2
  58. package/dist/components/footer/footer.css +1 -1
  59. package/dist/components/footer/footer.schema.dereffed.json +12 -12
  60. package/dist/components/footer/index.d.ts +1 -1
  61. package/dist/components/footer/index.js +1 -1
  62. package/dist/components/gallery/gallery.schema.dereffed.json +1 -2
  63. package/dist/components/gallery/gallery.schema.json +1 -2
  64. package/dist/components/gallery/index.js +1 -1
  65. package/dist/components/header/header.css +9 -52
  66. package/dist/components/header/header.schema.dereffed.json +12 -12
  67. package/dist/components/header/index.d.ts +1 -1
  68. package/dist/components/header/index.js +5 -5
  69. package/dist/components/headline/headline.css +40 -32
  70. package/dist/components/hero/hero.css +27 -63
  71. package/dist/components/hero/hero.schema.dereffed.json +4 -10
  72. package/dist/components/hero/hero.schema.json +3 -9
  73. package/dist/components/hero/index.d.ts +1 -1
  74. package/dist/components/hero/index.js +39 -39
  75. package/dist/components/image-story/image-story.css +6 -9
  76. package/dist/components/image-story/image-story.schema.dereffed.json +3 -3
  77. package/dist/components/image-text/image-text.css +4 -4
  78. package/dist/components/index/index.d.ts +2 -3
  79. package/dist/components/logos/index.js +1 -1
  80. package/dist/components/logos/logos.css +2 -2
  81. package/dist/components/logos/logos.schema.dereffed.json +6 -6
  82. package/dist/components/logos/logos.schema.json +6 -6
  83. package/dist/components/mosaic/index.js +1 -1
  84. package/dist/components/mosaic/mosaic.css +7 -5
  85. package/dist/components/mosaic/mosaic.schema.dereffed.json +3 -3
  86. package/dist/components/nav-dropdown/index.d.ts +1 -1
  87. package/dist/components/nav-dropdown/index.js +2 -2
  88. package/dist/components/nav-dropdown/nav-dropdown.css +4 -13
  89. package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +1 -1
  90. package/dist/components/nav-flyout/index.d.ts +2 -2
  91. package/dist/components/nav-flyout/index.js +8 -6
  92. package/dist/components/nav-flyout/nav-flyout.css +15 -29
  93. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -12
  94. package/dist/components/nav-main/index.d.ts +5 -5
  95. package/dist/components/nav-main/index.js +2 -0
  96. package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -15
  97. package/dist/components/nav-main/nav-main.schema.json +14 -14
  98. package/dist/components/nav-toggle/index.js +1 -1
  99. package/dist/components/nav-topbar/index.d.ts +2 -2
  100. package/dist/components/nav-topbar/index.js +2 -2
  101. package/dist/components/nav-topbar/nav-topbar.css +3 -16
  102. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -12
  103. package/dist/components/page/page.schema.dereffed.json +104 -182
  104. package/dist/components/page-wrapper/index.js +0 -50
  105. package/dist/components/page-wrapper/tokens.css +732 -428
  106. package/dist/components/presets.json +456 -1834
  107. package/dist/components/section/index.d.ts +1 -1
  108. package/dist/components/section/index.js +16 -10
  109. package/dist/components/section/section.css +58 -38
  110. package/dist/components/section/section.schema.dereffed.json +104 -182
  111. package/dist/components/section/section.schema.json +10 -10
  112. package/dist/components/settings/settings.schema.dereffed.json +24 -24
  113. package/dist/components/slider/index.d.ts +1 -1
  114. package/dist/components/slider/index.js +1 -1
  115. package/dist/components/slider/slider.css +9 -14
  116. package/dist/components/slider/slider.schema.dereffed.json +46 -79
  117. package/dist/components/slider/slider.schema.json +1 -1
  118. package/dist/components/split/index.d.ts +14 -0
  119. package/dist/components/split/index.js +17 -0
  120. package/dist/components/split/split.css +53 -0
  121. package/dist/components/split/split.schema.dereffed.json +29 -0
  122. package/dist/components/split/split.schema.json +19 -0
  123. package/dist/components/stat/index.d.ts +1 -1
  124. package/dist/components/stat/index.js +12 -3
  125. package/dist/components/stat/stat.schema.dereffed.json +6 -5
  126. package/dist/components/stat/stat.schema.json +2 -2
  127. package/dist/components/stats/stats.schema.dereffed.json +6 -5
  128. package/dist/components/teaser-card/index.d.ts +1 -1
  129. package/dist/components/teaser-card/index.js +9 -9
  130. package/dist/components/teaser-card/teaser-card.css +48 -68
  131. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -4
  132. package/dist/components/teaser-card/teaser-card.schema.json +4 -4
  133. package/dist/components/testimonials/index.d.ts +1 -1
  134. package/dist/components/testimonials/testimonials.css +0 -4
  135. package/dist/components/text/text.css +2 -2
  136. package/dist/components/tile/tile.schema.dereffed.json +3 -3
  137. package/dist/components/tile/tile.schema.json +2 -2
  138. package/dist/components/video-curtain/index.d.ts +1 -1
  139. package/dist/components/video-curtain/index.js +4 -12
  140. package/dist/components/video-curtain/video-curtain.css +31 -54
  141. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +5 -7
  142. package/dist/components/video-curtain/video-curtain.schema.json +4 -4
  143. package/dist/global.css +63 -293
  144. package/dist/static/img/logos/logoipsum-212.svg +12 -0
  145. package/dist/static/img/logos/logoipsum-217.svg +4 -0
  146. package/dist/static/img/logos/logoipsum-239.svg +16 -0
  147. package/dist/static/img/logos/logoipsum-244.svg +19 -0
  148. package/dist/static/img/logos/logoipsum-250.svg +21 -0
  149. package/dist/static/img/logos/logoipsum-286.svg +20 -0
  150. package/dist/static/img/people/author-alex.png +0 -0
  151. package/dist/static/img/people/author-emily.png +0 -0
  152. package/dist/static/img/people/author-john.png +0 -0
  153. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  154. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  155. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  156. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  157. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  158. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  159. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  160. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  161. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  162. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  163. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  164. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  165. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  166. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  167. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  168. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  169. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  170. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  171. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  172. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  173. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  174. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  175. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  176. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  177. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  178. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  179. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  180. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  181. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  182. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  183. package/dist/static/img/screenshots/components-html--html.png +0 -0
  184. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  185. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  186. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  187. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  188. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  189. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  190. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  191. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  192. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  193. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  194. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  195. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  196. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  197. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  198. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  199. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  200. package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
  201. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  202. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  203. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  204. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  205. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  206. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  207. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  208. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  209. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  210. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  211. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  212. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  213. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  214. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  215. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  216. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  217. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  218. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  219. package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
  220. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  221. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  222. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  223. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  224. package/dist/static/logo-inverted.svg +25 -12
  225. package/dist/static/logo.svg +25 -12
  226. package/dist/tokens/IconSprite.js +0 -50
  227. package/dist/tokens/icon-sprite.html +0 -18
  228. package/dist/tokens/themes.css +4 -4
  229. package/dist/tokens/tokens.css +732 -428
  230. package/dist/tokens/tokens.js +730 -629
  231. package/package.json +5 -4
  232. package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
  233. package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
  234. package/dist/EventFilterProps-b190eb86.d.ts +0 -73
  235. package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
  236. package/dist/EventListTeaserProps-5cc94436.d.ts +0 -89
  237. package/dist/EventLocationProps-871bc198.d.ts +0 -41
  238. package/dist/SearchFilterProps-2fa6419b.d.ts +0 -29
  239. package/dist/SearchResultProps-224c2338.d.ts +0 -33
  240. package/dist/components/breadcrumb/breadcrumb.css +0 -32
  241. package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json +0 -34
  242. package/dist/components/breadcrumb/breadcrumb.schema.json +0 -27
  243. package/dist/components/breadcrumb/index.d.ts +0 -28
  244. package/dist/components/breadcrumb/index.js +0 -17
  245. package/dist/components/content-nav/content-nav.css +0 -112
  246. package/dist/components/content-nav/content-nav.schema.dereffed.json +0 -61
  247. package/dist/components/content-nav/content-nav.schema.json +0 -52
  248. package/dist/components/content-nav/index.d.ts +0 -42
  249. package/dist/components/content-nav/index.js +0 -14
  250. package/dist/components/downloads/downloads.css +0 -153
  251. package/dist/components/downloads/downloads.schema.dereffed.json +0 -55
  252. package/dist/components/downloads/downloads.schema.json +0 -44
  253. package/dist/components/downloads/index.d.ts +0 -41
  254. package/dist/components/downloads/index.js +0 -18
  255. package/dist/components/event-appointment/event-appointment.css +0 -61
  256. package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -56
  257. package/dist/components/event-appointment/event-appointment.schema.json +0 -47
  258. package/dist/components/event-appointment/index.d.ts +0 -7
  259. package/dist/components/event-appointment/index.js +0 -14
  260. package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -287
  261. package/dist/components/event-detail/event-detail.schema.json +0 -74
  262. package/dist/components/event-detail/index.d.ts +0 -5
  263. package/dist/components/event-detail/index.js +0 -36
  264. package/dist/components/event-filter/event-filter.css +0 -31
  265. package/dist/components/event-filter/event-filter.schema.dereffed.json +0 -118
  266. package/dist/components/event-filter/event-filter.schema.json +0 -107
  267. package/dist/components/event-filter/index.d.ts +0 -7
  268. package/dist/components/event-filter/index.js +0 -34
  269. package/dist/components/event-header/event-header.css +0 -6
  270. package/dist/components/event-header/event-header.schema.dereffed.json +0 -38
  271. package/dist/components/event-header/event-header.schema.json +0 -34
  272. package/dist/components/event-header/index.d.ts +0 -35
  273. package/dist/components/event-header/index.js +0 -20
  274. package/dist/components/event-latest/event-latest.css +0 -5
  275. package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -142
  276. package/dist/components/event-latest/event-latest.schema.json +0 -46
  277. package/dist/components/event-latest/index.d.ts +0 -30
  278. package/dist/components/event-latest/index.js +0 -19
  279. package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -131
  280. package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -97
  281. package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
  282. package/dist/components/event-latest-teaser/index.d.ts +0 -8
  283. package/dist/components/event-latest-teaser/index.js +0 -18
  284. package/dist/components/event-list/event-list.schema.dereffed.json +0 -284
  285. package/dist/components/event-list/event-list.schema.json +0 -18
  286. package/dist/components/event-list/index.d.ts +0 -19
  287. package/dist/components/event-list/index.js +0 -73
  288. package/dist/components/event-list-teaser/event-list-teaser.css +0 -141
  289. package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +0 -151
  290. package/dist/components/event-list-teaser/event-list-teaser.schema.json +0 -116
  291. package/dist/components/event-list-teaser/index.d.ts +0 -8
  292. package/dist/components/event-list-teaser/index.js +0 -21
  293. package/dist/components/event-location/event-location.css +0 -71
  294. package/dist/components/event-location/event-location.schema.dereffed.json +0 -126
  295. package/dist/components/event-location/event-location.schema.json +0 -61
  296. package/dist/components/event-location/index.d.ts +0 -7
  297. package/dist/components/event-location/index.js +0 -18
  298. package/dist/components/event-login/event-login.css +0 -31
  299. package/dist/components/event-login/event-login.schema.dereffed.json +0 -125
  300. package/dist/components/event-login/event-login.schema.json +0 -98
  301. package/dist/components/event-login/index.d.ts +0 -78
  302. package/dist/components/event-login/index.js +0 -21
  303. package/dist/components/event-registration/event-registration.css +0 -91
  304. package/dist/components/event-registration/event-registration.schema.dereffed.json +0 -174
  305. package/dist/components/event-registration/event-registration.schema.json +0 -138
  306. package/dist/components/event-registration/index.d.ts +0 -106
  307. package/dist/components/event-registration/index.js +0 -23
  308. package/dist/components/pagination/index.d.ts +0 -47
  309. package/dist/components/pagination/index.js +0 -52
  310. package/dist/components/pagination/pagination.css +0 -66
  311. package/dist/components/pagination/pagination.schema.dereffed.json +0 -64
  312. package/dist/components/pagination/pagination.schema.json +0 -57
  313. package/dist/components/search/index.d.ts +0 -19
  314. package/dist/components/search/index.js +0 -39
  315. package/dist/components/search/search.schema.dereffed.json +0 -134
  316. package/dist/components/search/search.schema.json +0 -18
  317. package/dist/components/search-bar/index.d.ts +0 -35
  318. package/dist/components/search-bar/index.js +0 -17
  319. package/dist/components/search-bar/search-bar.css +0 -33
  320. package/dist/components/search-bar/search-bar.schema.dereffed.json +0 -48
  321. package/dist/components/search-bar/search-bar.schema.json +0 -35
  322. package/dist/components/search-filter/index.d.ts +0 -7
  323. package/dist/components/search-filter/index.js +0 -15
  324. package/dist/components/search-filter/search-filter.css +0 -20
  325. package/dist/components/search-filter/search-filter.schema.dereffed.json +0 -69
  326. package/dist/components/search-filter/search-filter.schema.json +0 -46
  327. package/dist/components/search-result/index.d.ts +0 -7
  328. package/dist/components/search-result/index.js +0 -15
  329. package/dist/components/search-result/search-result.css +0 -26
  330. package/dist/components/search-result/search-result.schema.dereffed.json +0 -50
  331. package/dist/components/search-result/search-result.schema.json +0 -41
  332. package/dist/components/split-even/index.d.ts +0 -74
  333. package/dist/components/split-even/index.js +0 -7
  334. package/dist/components/split-even/split-even.css +0 -100
  335. package/dist/components/split-even/split-even.schema.dereffed.json +0 -5899
  336. package/dist/components/split-even/split-even.schema.json +0 -170
  337. package/dist/components/split-weighted/index.d.ts +0 -104
  338. package/dist/components/split-weighted/index.js +0 -13
  339. package/dist/components/split-weighted/split-weighted.css +0 -133
  340. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +0 -5959
  341. package/dist/components/split-weighted/split-weighted.schema.json +0 -212
  342. package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
  343. package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
  344. package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
  345. package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
  346. package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
  347. package/dist/static/img/about/angled-image.png +0 -0
  348. package/dist/static/img/about/cta.png +0 -0
  349. package/dist/static/img/about/cutout.png +0 -0
  350. package/dist/static/img/about/disclaimer.png +0 -0
  351. package/dist/static/img/about/purpose.png +0 -0
  352. package/dist/static/img/about/spoiler.png +0 -0
  353. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
  354. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
  355. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
  356. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
  357. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
  358. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
  359. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
  360. package/dist/static/img/logos/logoipsum-344.svg +0 -174
  361. package/dist/static/img/logos/logoipsum-347.svg +0 -52
  362. package/dist/static/img/logos/logoipsum-352.svg +0 -22
  363. package/dist/static/img/logos/logoipsum-356.svg +0 -20
  364. package/dist/static/img/logos/logoipsum-358.svg +0 -29
  365. package/dist/static/img/logos/logoipsum-369.svg +0 -20
  366. package/dist/static/img/logos/logoipsum-373.svg +0 -17
  367. package/dist/static/img/people/contact-person.png +0 -0
  368. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  369. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  370. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  371. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  372. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  373. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  374. package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
  375. package/dist/static/logo-dark.svg +0 -13
  376. package/dist/static/logo-dsa-inverted.svg +0 -26
  377. package/dist/static/logo-dsa.svg +0 -26
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,11 +1,11 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Jul 2025 08:19:19 GMT
3
+ * Generated on Fri, 04 Jul 2025 12:48:37 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
- --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
6
+ --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
7
7
  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
8
- --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
8
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
9
9
  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
10
10
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
11
11
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
@@ -22,7 +22,7 @@
22
22
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
23
23
  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
24
24
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
25
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
25
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
26
26
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
27
27
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
28
28
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
@@ -31,14 +31,14 @@
31
31
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
32
32
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
- --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
35
- --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
36
- --ks-background-color-card-interactive-disabled-base: var(--ks-color-bg-alpha-7-base);
37
- --ks-background-color-card-interactive-hover-base: var(--ks-color-bg-alpha-9-base);
38
- --ks-background-color-card-interactive-active-base: var(--ks-color-bg-alpha-9-base);
39
- --ks-background-color-card-interactive-selected-base: var(--ks-color-bg-base);
34
+ --ks-background-color-card-base: var(--ks-color-fg-to-bg-9-base);
35
+ --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
36
+ --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
37
+ --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
38
+ --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
39
+ --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
40
40
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
41
- --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-to-bg-9-base);
41
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
42
42
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
43
43
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
44
44
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
@@ -103,8 +103,20 @@
103
103
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
104
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
105
105
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
106
- --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
107
- --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
106
+ --ks-background-color-secondary-base: var(--ks-color-secondary-base);
107
+ --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
108
+ --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
109
+ --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
110
+ --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
111
+ --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
112
+ --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
113
+ --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
114
+ --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
115
+ --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
+ --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
117
+ --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
118
+ --ks-border-color-accent-base: var(--ks-color-primary-alpha-7-base);
119
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-base);
108
120
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
109
121
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
110
122
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -115,13 +127,13 @@
115
127
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
116
128
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
117
129
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
118
- --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
119
- --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
120
- --ks-border-color-interface-base: var(--ks-color-primary-alpha-8-base);
130
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-7-base);
131
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-7-base);
132
+ --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
121
133
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
122
134
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
123
135
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
124
- --ks-border-color-interface-interactive-active-base: var(--ks-color-primary-base);
136
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
125
137
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
126
138
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
127
139
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
@@ -130,16 +142,16 @@
130
142
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
131
143
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
132
144
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
133
- --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
145
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
134
146
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
135
- --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
136
- --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
147
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
148
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-7-base);
137
149
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
138
150
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
139
- --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
151
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
140
152
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
141
- --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
142
- --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
153
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
154
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-7-base);
143
155
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
144
156
  --ks-border-color-primary-base: var(--ks-color-primary-base);
145
157
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
@@ -201,37 +213,50 @@
201
213
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
202
214
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
203
215
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
216
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
217
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
218
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
219
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
220
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
221
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
222
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
223
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
224
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
225
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
226
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
227
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
204
228
  --ks-border-width-default: 1px;
205
229
  --ks-border-width-emphasized: 2px;
206
- --ks-border-radius-control: 8px;
207
- --ks-border-radius-card: 8px;
208
- --ks-border-radius-surface: 16px;
230
+ --ks-border-radius-control: 16px;
231
+ --ks-border-radius-card: 16px;
232
+ --ks-border-radius-surface: 32px;
233
+ --ks-border-radius-image: 0px;
209
234
  --ks-border-radius-pill: 999px;
210
235
  --ks-border-radius-circle: 50%;
211
236
  --ks-box-shadow-opacity-control: 0.2;
212
237
  --ks-box-shadow-opacity-control-hover: 0.3;
213
238
  --ks-box-shadow-opacity-control-inverted: 0.2;
214
239
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
215
- --ks-box-shadow-opacity-card: 0.1;
216
- --ks-box-shadow-opacity-card-hover: 0.2;
217
- --ks-box-shadow-opacity-card-inverted: 0.1;
218
- --ks-box-shadow-opacity-card-inverted-hover: 0.2;
240
+ --ks-box-shadow-opacity-card: 0.2;
241
+ --ks-box-shadow-opacity-card-hover: 0.3;
242
+ --ks-box-shadow-opacity-card-inverted: 0.2;
243
+ --ks-box-shadow-opacity-card-inverted-hover: 0.3;
219
244
  --ks-box-shadow-opacity-surface: 0.1;
220
245
  --ks-box-shadow-opacity-surface-hover: 0.2;
221
246
  --ks-box-shadow-opacity-surface-inverted: 0.1;
222
247
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
223
- --ks-box-shadow-color-control: rgba(6,8,31,var(--ks-box-shadow-opacity-control));
224
- --ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
225
- --ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
226
- --ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
227
- --ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
228
- --ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
229
- --ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
230
- --ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
231
- --ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
232
- --ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
233
- --ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
234
- --ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted-hover));
248
+ --ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
249
+ --ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
250
+ --ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
251
+ --ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
252
+ --ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
253
+ --ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
254
+ --ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
255
+ --ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
256
+ --ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
257
+ --ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
258
+ --ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
259
+ --ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
235
260
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
236
261
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
237
262
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
@@ -244,195 +269,195 @@
244
269
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
245
270
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
246
271
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
247
- --ks-color-fg-base: #06081f;
248
- --ks-color-fg-alpha-1-base: rgba(6,8,31,.95);
249
- --ks-color-fg-alpha-2-base: rgba(6,8,31,.87);
250
- --ks-color-fg-alpha-3-base: rgba(6,8,31,.76);
251
- --ks-color-fg-alpha-4-base: rgba(6,8,31,.63);
252
- --ks-color-fg-alpha-5-base: rgba(6,8,31,.5);
253
- --ks-color-fg-alpha-6-base: rgba(6,8,31,.37);
254
- --ks-color-fg-alpha-7-base: rgba(6,8,31,.24);
255
- --ks-color-fg-alpha-8-base: rgba(6,8,31,.13);
256
- --ks-color-fg-alpha-9-base: rgba(6,8,31,.05);
257
- --ks-color-fg-to-bg-1-base: #12142a;
258
- --ks-color-fg-to-bg-2-base: #26283c;
259
- --ks-color-fg-to-bg-3-base: #424355;
260
- --ks-color-fg-to-bg-4-base: #626372;
272
+ --ks-color-fg-base: #fff;
273
+ --ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
274
+ --ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
275
+ --ks-color-fg-alpha-3-base: hsla(0,0%,100%,.76);
276
+ --ks-color-fg-alpha-4-base: hsla(0,0%,100%,.63);
277
+ --ks-color-fg-alpha-5-base: hsla(0,0%,100%,.5);
278
+ --ks-color-fg-alpha-6-base: hsla(0,0%,100%,.37);
279
+ --ks-color-fg-alpha-7-base: hsla(0,0%,100%,.24);
280
+ --ks-color-fg-alpha-8-base: hsla(0,0%,100%,.13);
281
+ --ks-color-fg-alpha-9-base: hsla(0,0%,100%,.05);
282
+ --ks-color-fg-to-bg-1-base: #f3f3f4;
283
+ --ks-color-fg-to-bg-2-base: #dfdfe2;
284
+ --ks-color-fg-to-bg-3-base: #c3c4c9;
285
+ --ks-color-fg-to-bg-4-base: #a3a4ac;
261
286
  --ks-color-fg-to-bg-5-base: #83848f;
262
- --ks-color-fg-to-bg-6-base: #a3a4ac;
263
- --ks-color-fg-to-bg-7-base: #c3c4c9;
264
- --ks-color-fg-to-bg-8-base: #dfdfe2;
265
- --ks-color-fg-to-bg-9-base: #f3f3f4;
266
- --ks-color-fg-inverted-base: #fff;
267
- --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
268
- --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
269
- --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
270
- --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
271
- --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
272
- --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
273
- --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
274
- --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
275
- --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
276
- --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
277
- --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
278
- --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
279
- --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
280
- --ks-color-fg-inverted-to-bg-5-base: #87909f;
281
- --ks-color-fg-inverted-to-bg-6-base: #687385;
282
- --ks-color-fg-inverted-to-bg-7-base: #49566c;
283
- --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
284
- --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
285
- --ks-color-bg-base: #fff;
286
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
287
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
288
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
289
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
290
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
291
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
292
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
293
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
294
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
295
- --ks-color-bg-to-fg-1-base: #f3f3f4;
296
- --ks-color-bg-to-fg-2-base: #dfdfe2;
297
- --ks-color-bg-to-fg-3-base: #c3c4c9;
298
- --ks-color-bg-to-fg-4-base: #a3a4ac;
287
+ --ks-color-fg-to-bg-6-base: #626372;
288
+ --ks-color-fg-to-bg-7-base: #424355;
289
+ --ks-color-fg-to-bg-8-base: #26283c;
290
+ --ks-color-fg-to-bg-9-base: #12142a;
291
+ --ks-color-fg-inverted-base: #06081f;
292
+ --ks-color-fg-inverted-alpha-1-base: rgba(6,8,31,.95);
293
+ --ks-color-fg-inverted-alpha-2-base: rgba(6,8,31,.87);
294
+ --ks-color-fg-inverted-alpha-3-base: rgba(6,8,31,.76);
295
+ --ks-color-fg-inverted-alpha-4-base: rgba(6,8,31,.63);
296
+ --ks-color-fg-inverted-alpha-5-base: rgba(6,8,31,.5);
297
+ --ks-color-fg-inverted-alpha-6-base: rgba(6,8,31,.37);
298
+ --ks-color-fg-inverted-alpha-7-base: rgba(6,8,31,.24);
299
+ --ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
300
+ --ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
301
+ --ks-color-fg-inverted-to-bg-1-base: #12142a;
302
+ --ks-color-fg-inverted-to-bg-2-base: #25263b;
303
+ --ks-color-fg-inverted-to-bg-3-base: #3e4052;
304
+ --ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
305
+ --ks-color-fg-inverted-to-bg-5-base: #7c7d89;
306
+ --ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
307
+ --ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
308
+ --ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
309
+ --ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
310
+ --ks-color-bg-base: #06081f;
311
+ --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
312
+ --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
313
+ --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
314
+ --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
315
+ --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
316
+ --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
317
+ --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
318
+ --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
319
+ --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
320
+ --ks-color-bg-to-fg-1-base: #12142a;
321
+ --ks-color-bg-to-fg-2-base: #26283c;
322
+ --ks-color-bg-to-fg-3-base: #424355;
323
+ --ks-color-bg-to-fg-4-base: #626372;
299
324
  --ks-color-bg-to-fg-5-base: #83848f;
300
- --ks-color-bg-to-fg-6-base: #626372;
301
- --ks-color-bg-to-fg-7-base: #424355;
302
- --ks-color-bg-to-fg-8-base: #26283c;
303
- --ks-color-bg-to-fg-9-base: #12142a;
304
- --ks-color-bg-inverted-base: #0f203e;
305
- --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
306
- --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
307
- --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
308
- --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
309
- --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
310
- --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
311
- --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
312
- --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
313
- --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
314
- --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
315
- --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
316
- --ks-color-bg-inverted-to-fg-3-base: #49566c;
317
- --ks-color-bg-inverted-to-fg-4-base: #687385;
318
- --ks-color-bg-inverted-to-fg-5-base: #87909f;
319
- --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
320
- --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
321
- --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
322
- --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
325
+ --ks-color-bg-to-fg-6-base: #a3a4ac;
326
+ --ks-color-bg-to-fg-7-base: #c3c4c9;
327
+ --ks-color-bg-to-fg-8-base: #dfdfe2;
328
+ --ks-color-bg-to-fg-9-base: #f3f3f4;
329
+ --ks-color-bg-inverted-base: #f1f1f3;
330
+ --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
331
+ --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
332
+ --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
333
+ --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
334
+ --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
335
+ --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
336
+ --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
337
+ --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
338
+ --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
339
+ --ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
340
+ --ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
341
+ --ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
342
+ --ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
343
+ --ks-color-bg-inverted-to-fg-5-base: #7c7d89;
344
+ --ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
345
+ --ks-color-bg-inverted-to-fg-7-base: #3e4052;
346
+ --ks-color-bg-inverted-to-fg-8-base: #25263b;
347
+ --ks-color-bg-inverted-to-fg-9-base: #12142a;
323
348
  --ks-color-transparent-base: rgba(0,0,0,0);
324
- --ks-color-primary-base: #3065c0;
325
- --ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
326
- --ks-color-primary-alpha-2-base: rgba(48,101,192,.87);
327
- --ks-color-primary-alpha-3-base: rgba(48,101,192,.76);
328
- --ks-color-primary-alpha-4-base: rgba(48,101,192,.63);
329
- --ks-color-primary-alpha-5-base: rgba(48,101,192,.5);
330
- --ks-color-primary-alpha-6-base: rgba(48,101,192,.37);
331
- --ks-color-primary-alpha-7-base: rgba(48,101,192,.24);
332
- --ks-color-primary-alpha-8-base: rgba(48,101,192,.13);
333
- --ks-color-primary-alpha-9-base: rgba(48,101,192,.05);
334
- --ks-color-primary-to-bg-1-base: #3a6dc3;
335
- --ks-color-primary-to-bg-2-base: #4b79c8;
336
- --ks-color-primary-to-bg-3-base: #628acf;
337
- --ks-color-primary-to-bg-4-base: #7d9ed7;
338
- --ks-color-primary-to-bg-5-base: #98b2e0;
339
- --ks-color-primary-to-bg-6-base: #b2c6e8;
340
- --ks-color-primary-to-bg-7-base: #cddaf0;
341
- --ks-color-primary-to-bg-8-base: #e4ebf7;
342
- --ks-color-primary-to-bg-9-base: #f5f7fc;
343
- --ks-color-primary-to-fg-1-base: #2e60b8;
344
- --ks-color-primary-to-fg-2-base: #2b59ab;
345
- --ks-color-primary-to-fg-3-base: #264f99;
346
- --ks-color-primary-to-fg-4-base: #204384;
347
- --ks-color-primary-to-fg-5-base: #1b3770;
348
- --ks-color-primary-to-fg-6-base: #162a5b;
349
- --ks-color-primary-to-fg-7-base: #101e46;
350
- --ks-color-primary-to-fg-8-base: #0b1434;
351
- --ks-color-primary-to-fg-9-base: #080d27;
352
- --ks-color-primary-inverted-base: #3065c0;
353
- --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
354
- --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
355
- --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
356
- --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
357
- --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
358
- --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
359
- --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
360
- --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
361
- --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
362
- --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
363
- --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
364
- --ks-color-primary-inverted-to-bg-3-base: #2854a1;
365
- --ks-color-primary-inverted-to-bg-4-base: #244b90;
366
- --ks-color-primary-inverted-to-bg-5-base: #20437f;
367
- --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
368
- --ks-color-primary-inverted-to-bg-7-base: #17315d;
369
- --ks-color-primary-inverted-to-bg-8-base: #13294f;
370
- --ks-color-primary-inverted-to-bg-9-base: #112345;
371
- --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
372
- --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
373
- --ks-color-primary-inverted-to-fg-3-base: #628acf;
374
- --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
375
- --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
376
- --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
377
- --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
378
- --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
379
- --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
380
- --ks-color-link-base: #3065c0;
381
- --ks-color-link-alpha-1-base: rgba(48,101,192,.95);
382
- --ks-color-link-alpha-2-base: rgba(48,101,192,.87);
383
- --ks-color-link-alpha-3-base: rgba(48,101,192,.76);
384
- --ks-color-link-alpha-4-base: rgba(48,101,192,.63);
385
- --ks-color-link-alpha-5-base: rgba(48,101,192,.5);
386
- --ks-color-link-alpha-6-base: rgba(48,101,192,.37);
387
- --ks-color-link-alpha-7-base: rgba(48,101,192,.24);
388
- --ks-color-link-alpha-8-base: rgba(48,101,192,.13);
389
- --ks-color-link-alpha-9-base: rgba(48,101,192,.05);
390
- --ks-color-link-to-bg-1-base: #3a6dc3;
391
- --ks-color-link-to-bg-2-base: #4b79c8;
392
- --ks-color-link-to-bg-3-base: #628acf;
393
- --ks-color-link-to-bg-4-base: #7d9ed7;
394
- --ks-color-link-to-bg-5-base: #98b2e0;
395
- --ks-color-link-to-bg-6-base: #b2c6e8;
396
- --ks-color-link-to-bg-7-base: #cddaf0;
397
- --ks-color-link-to-bg-8-base: #e4ebf7;
398
- --ks-color-link-to-bg-9-base: #f5f7fc;
399
- --ks-color-link-to-fg-1-base: #2e60b8;
400
- --ks-color-link-to-fg-2-base: #2b59ab;
401
- --ks-color-link-to-fg-3-base: #264f99;
402
- --ks-color-link-to-fg-4-base: #204384;
403
- --ks-color-link-to-fg-5-base: #1b3770;
404
- --ks-color-link-to-fg-6-base: #162a5b;
405
- --ks-color-link-to-fg-7-base: #101e46;
406
- --ks-color-link-to-fg-8-base: #0b1434;
407
- --ks-color-link-to-fg-9-base: #080d27;
408
- --ks-color-link-inverted-base: #98b2e0;
409
- --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
410
- --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
411
- --ks-color-link-inverted-alpha-3-base: rgba(152,178,224,.76);
412
- --ks-color-link-inverted-alpha-4-base: rgba(152,178,224,.63);
413
- --ks-color-link-inverted-alpha-5-base: rgba(152,178,224,.5);
414
- --ks-color-link-inverted-alpha-6-base: rgba(152,178,224,.37);
415
- --ks-color-link-inverted-alpha-7-base: rgba(152,178,224,.24);
416
- --ks-color-link-inverted-alpha-8-base: rgba(152,178,224,.13);
417
- --ks-color-link-inverted-alpha-9-base: rgba(152,178,224,.05);
418
- --ks-color-link-inverted-to-bg-1-base: #91abd8;
419
- --ks-color-link-inverted-to-bg-2-base: #869fcb;
420
- --ks-color-link-inverted-to-bg-3-base: #778fb9;
421
- --ks-color-link-inverted-to-bg-4-base: #657ca4;
422
- --ks-color-link-inverted-to-bg-5-base: #54698f;
423
- --ks-color-link-inverted-to-bg-6-base: #42567a;
424
- --ks-color-link-inverted-to-bg-7-base: #304365;
425
- --ks-color-link-inverted-to-bg-8-base: #213353;
426
- --ks-color-link-inverted-to-bg-9-base: #162746;
427
- --ks-color-link-inverted-to-fg-1-base: #9db6e2;
428
- --ks-color-link-inverted-to-fg-2-base: #a5bce4;
429
- --ks-color-link-inverted-to-fg-3-base: #b1c4e7;
430
- --ks-color-link-inverted-to-fg-4-base: #beceeb;
431
- --ks-color-link-inverted-to-fg-5-base: #ccd9f0;
432
- --ks-color-link-inverted-to-fg-6-base: #d9e3f4;
433
- --ks-color-link-inverted-to-fg-7-base: #e6edf8;
434
- --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
435
- --ks-color-link-inverted-to-fg-9-base: #fafbfd;
349
+ --ks-color-primary-base: #e21879;
350
+ --ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
351
+ --ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
352
+ --ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
353
+ --ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
354
+ --ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
355
+ --ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
356
+ --ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
357
+ --ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
358
+ --ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
359
+ --ks-color-primary-to-bg-1-base: #d71775;
360
+ --ks-color-primary-to-bg-2-base: #c5166d;
361
+ --ks-color-primary-to-bg-3-base: #ad1463;
362
+ --ks-color-primary-to-bg-4-base: #911258;
363
+ --ks-color-primary-to-bg-5-base: #74104c;
364
+ --ks-color-primary-to-bg-6-base: #570e40;
365
+ --ks-color-primary-to-bg-7-base: #3b0c35;
366
+ --ks-color-primary-to-bg-8-base: #230a2b;
367
+ --ks-color-primary-to-bg-9-base: #110924;
368
+ --ks-color-primary-to-fg-1-base: #e32480;
369
+ --ks-color-primary-to-fg-2-base: #e6368a;
370
+ --ks-color-primary-to-fg-3-base: #e94f99;
371
+ --ks-color-primary-to-fg-4-base: #ed6dab;
372
+ --ks-color-primary-to-fg-5-base: #f18cbc;
373
+ --ks-color-primary-to-fg-6-base: #f4aacd;
374
+ --ks-color-primary-to-fg-7-base: #f8c8df;
375
+ --ks-color-primary-to-fg-8-base: #fbe1ee;
376
+ --ks-color-primary-to-fg-9-base: #fef3f8;
377
+ --ks-color-primary-inverted-base: #4d25ef;
378
+ --ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
379
+ --ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
380
+ --ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
381
+ --ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
382
+ --ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
383
+ --ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
384
+ --ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
385
+ --ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
386
+ --ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
387
+ --ks-color-primary-inverted-to-bg-1-base: #552fef;
388
+ --ks-color-primary-inverted-to-bg-2-base: #6240f0;
389
+ --ks-color-primary-inverted-to-bg-3-base: #7456f0;
390
+ --ks-color-primary-inverted-to-bg-4-base: #8a70f0;
391
+ --ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
392
+ --ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
393
+ --ks-color-primary-inverted-to-bg-7-base: #cac0f2;
394
+ --ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
395
+ --ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
396
+ --ks-color-primary-inverted-to-fg-1-base: #4924e5;
397
+ --ks-color-primary-inverted-to-fg-2-base: #4421d4;
398
+ --ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
399
+ --ks-color-primary-inverted-to-fg-4-base: #331aa2;
400
+ --ks-color-primary-inverted-to-fg-5-base: #2a1787;
401
+ --ks-color-primary-inverted-to-fg-6-base: #20136c;
402
+ --ks-color-primary-inverted-to-fg-7-base: #170f51;
403
+ --ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
404
+ --ks-color-primary-inverted-to-fg-9-base: #0a0929;
405
+ --ks-color-link-base: #b7a5ff;
406
+ --ks-color-link-alpha-1-base: rgba(183,165,255,.95);
407
+ --ks-color-link-alpha-2-base: rgba(183,165,255,.87);
408
+ --ks-color-link-alpha-3-base: rgba(183,165,255,.76);
409
+ --ks-color-link-alpha-4-base: rgba(183,165,255,.63);
410
+ --ks-color-link-alpha-5-base: rgba(183,165,255,.5);
411
+ --ks-color-link-alpha-6-base: rgba(183,165,255,.37);
412
+ --ks-color-link-alpha-7-base: rgba(183,165,255,.24);
413
+ --ks-color-link-alpha-8-base: rgba(183,165,255,.13);
414
+ --ks-color-link-alpha-9-base: rgba(183,165,255,.05);
415
+ --ks-color-link-to-bg-1-base: #ae9df4;
416
+ --ks-color-link-to-bg-2-base: #a091e2;
417
+ --ks-color-link-to-bg-3-base: #8d7fc9;
418
+ --ks-color-link-to-bg-4-base: #766bac;
419
+ --ks-color-link-to-bg-5-base: #5f578f;
420
+ --ks-color-link-to-bg-6-base: #474272;
421
+ --ks-color-link-to-bg-7-base: #302e55;
422
+ --ks-color-link-to-bg-8-base: #1d1c3c;
423
+ --ks-color-link-to-bg-9-base: #0f102a;
424
+ --ks-color-link-to-fg-1-base: #baf;
425
+ --ks-color-link-to-fg-2-base: #c0b1ff;
426
+ --ks-color-link-to-fg-3-base: #c8bbff;
427
+ --ks-color-link-to-fg-4-base: #d2c6ff;
428
+ --ks-color-link-to-fg-5-base: #dbd2ff;
429
+ --ks-color-link-to-fg-6-base: #e4deff;
430
+ --ks-color-link-to-fg-7-base: #eee9ff;
431
+ --ks-color-link-to-fg-8-base: #f6f3ff;
432
+ --ks-color-link-to-fg-9-base: #fbfbff;
433
+ --ks-color-link-inverted-base: #6642f6;
434
+ --ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
435
+ --ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
436
+ --ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
437
+ --ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
438
+ --ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
439
+ --ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
440
+ --ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
441
+ --ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
442
+ --ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
443
+ --ks-color-link-inverted-to-bg-1-base: #6d4bf6;
444
+ --ks-color-link-inverted-to-bg-2-base: #7859f6;
445
+ --ks-color-link-inverted-to-bg-3-base: #876cf5;
446
+ --ks-color-link-inverted-to-bg-4-base: #9983f5;
447
+ --ks-color-link-inverted-to-bg-5-base: #ac9af5;
448
+ --ks-color-link-inverted-to-bg-6-base: #beb0f4;
449
+ --ks-color-link-inverted-to-bg-7-base: #d0c7f4;
450
+ --ks-color-link-inverted-to-bg-8-base: #dfdaf3;
451
+ --ks-color-link-inverted-to-bg-9-base: #eae8f3;
452
+ --ks-color-link-inverted-to-fg-1-base: #613feb;
453
+ --ks-color-link-inverted-to-fg-2-base: #5a3ada;
454
+ --ks-color-link-inverted-to-fg-3-base: #4f34c2;
455
+ --ks-color-link-inverted-to-fg-4-base: #422da6;
456
+ --ks-color-link-inverted-to-fg-5-base: #36258b;
457
+ --ks-color-link-inverted-to-fg-6-base: #2a1d6f;
458
+ --ks-color-link-inverted-to-fg-7-base: #1d1653;
459
+ --ks-color-link-inverted-to-fg-8-base: #12103b;
460
+ --ks-color-link-inverted-to-fg-9-base: #0b0b2a;
436
461
  --ks-color-positive-base: #6edb64;
437
462
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
438
463
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
@@ -443,24 +468,24 @@
443
468
  --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
444
469
  --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
445
470
  --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
446
- --ks-color-positive-to-bg-1-base: #75dd6c;
447
- --ks-color-positive-to-bg-2-base: #81e078;
448
- --ks-color-positive-to-bg-3-base: #91e489;
449
- --ks-color-positive-to-bg-4-base: #a4e89d;
450
- --ks-color-positive-to-bg-5-base: #b7edb2;
451
- --ks-color-positive-to-bg-6-base: #c9f2c6;
452
- --ks-color-positive-to-bg-7-base: #dcf6da;
453
- --ks-color-positive-to-bg-8-base: #ecfaeb;
454
- --ks-color-positive-to-bg-9-base: #f8fdf7;
455
- --ks-color-positive-to-fg-1-base: #69d061;
456
- --ks-color-positive-to-fg-2-base: #60c05b;
457
- --ks-color-positive-to-fg-3-base: #55a853;
458
- --ks-color-positive-to-fg-4-base: #488d4a;
459
- --ks-color-positive-to-fg-5-base: #3a7242;
460
- --ks-color-positive-to-fg-6-base: #2c5639;
461
- --ks-color-positive-to-fg-7-base: #1f3b30;
462
- --ks-color-positive-to-fg-8-base: #142328;
463
- --ks-color-positive-to-fg-9-base: #0b1322;
471
+ --ks-color-positive-to-bg-1-base: #69d061;
472
+ --ks-color-positive-to-bg-2-base: #60c05b;
473
+ --ks-color-positive-to-bg-3-base: #55a853;
474
+ --ks-color-positive-to-bg-4-base: #488d4a;
475
+ --ks-color-positive-to-bg-5-base: #3a7242;
476
+ --ks-color-positive-to-bg-6-base: #2c5639;
477
+ --ks-color-positive-to-bg-7-base: #1f3b30;
478
+ --ks-color-positive-to-bg-8-base: #142328;
479
+ --ks-color-positive-to-bg-9-base: #0b1322;
480
+ --ks-color-positive-to-fg-1-base: #75dd6c;
481
+ --ks-color-positive-to-fg-2-base: #81e078;
482
+ --ks-color-positive-to-fg-3-base: #91e489;
483
+ --ks-color-positive-to-fg-4-base: #a4e89d;
484
+ --ks-color-positive-to-fg-5-base: #b7edb2;
485
+ --ks-color-positive-to-fg-6-base: #c9f2c6;
486
+ --ks-color-positive-to-fg-7-base: #dcf6da;
487
+ --ks-color-positive-to-fg-8-base: #ecfaeb;
488
+ --ks-color-positive-to-fg-9-base: #f8fdf7;
464
489
  --ks-color-positive-inverted-base: #23831b;
465
490
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
466
491
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
@@ -471,24 +496,24 @@
471
496
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
472
497
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
473
498
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
474
- --ks-color-positive-inverted-to-bg-1-base: #227e1d;
475
- --ks-color-positive-inverted-to-bg-2-base: #207620;
476
- --ks-color-positive-inverted-to-bg-3-base: #1e6b23;
477
- --ks-color-positive-inverted-to-bg-4-base: #1c5e28;
478
- --ks-color-positive-inverted-to-bg-5-base: #19522d;
479
- --ks-color-positive-inverted-to-bg-6-base: #164531;
480
- --ks-color-positive-inverted-to-bg-7-base: #143836;
481
- --ks-color-positive-inverted-to-bg-8-base: #122d39;
482
- --ks-color-positive-inverted-to-bg-9-base: #10253c;
483
- --ks-color-positive-inverted-to-fg-1-base: #2e8926;
484
- --ks-color-positive-inverted-to-fg-2-base: #409339;
485
- --ks-color-positive-inverted-to-fg-3-base: #58a152;
486
- --ks-color-positive-inverted-to-fg-4-base: #74b16f;
487
- --ks-color-positive-inverted-to-fg-5-base: #91c18d;
488
- --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
489
- --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
490
- --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
491
- --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
499
+ --ks-color-positive-inverted-to-bg-1-base: #2d8926;
500
+ --ks-color-positive-inverted-to-bg-2-base: #3e9137;
501
+ --ks-color-positive-inverted-to-bg-3-base: #549d4f;
502
+ --ks-color-positive-inverted-to-bg-4-base: #6fac6b;
503
+ --ks-color-positive-inverted-to-bg-5-base: #8aba87;
504
+ --ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
505
+ --ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
506
+ --ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
507
+ --ks-color-positive-inverted-to-bg-9-base: #e7ece8;
508
+ --ks-color-positive-inverted-to-fg-1-base: #227d1b;
509
+ --ks-color-positive-inverted-to-fg-2-base: #1f731c;
510
+ --ks-color-positive-inverted-to-fg-3-base: #1c651c;
511
+ --ks-color-positive-inverted-to-fg-4-base: #18551c;
512
+ --ks-color-positive-inverted-to-fg-5-base: #15461d;
513
+ --ks-color-positive-inverted-to-fg-6-base: #11361e;
514
+ --ks-color-positive-inverted-to-fg-7-base: #0d261e;
515
+ --ks-color-positive-inverted-to-fg-8-base: #0a181e;
516
+ --ks-color-positive-inverted-to-fg-9-base: #070e1f;
492
517
  --ks-color-informative-base: #64c2db;
493
518
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
494
519
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
@@ -499,24 +524,24 @@
499
524
  --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
500
525
  --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
501
526
  --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
502
- --ks-color-informative-to-bg-1-base: #6cc5dd;
503
- --ks-color-informative-to-bg-2-base: #78cae0;
504
- --ks-color-informative-to-bg-3-base: #89d1e4;
505
- --ks-color-informative-to-bg-4-base: #9dd9e8;
506
- --ks-color-informative-to-bg-5-base: #b2e1ed;
507
- --ks-color-informative-to-bg-6-base: #c6e8f2;
508
- --ks-color-informative-to-bg-7-base: #daf0f6;
509
- --ks-color-informative-to-bg-8-base: #ebf7fa;
510
- --ks-color-informative-to-bg-9-base: #f7fcfd;
511
- --ks-color-informative-to-fg-1-base: #5fb9d2;
512
- --ks-color-informative-to-fg-2-base: #58aac3;
513
- --ks-color-informative-to-fg-3-base: #4d95ae;
514
- --ks-color-informative-to-fg-4-base: #417d95;
515
- --ks-color-informative-to-fg-5-base: #35657d;
516
- --ks-color-informative-to-fg-6-base: #294d65;
517
- --ks-color-informative-to-fg-7-base: #1d354c;
518
- --ks-color-informative-to-fg-8-base: #122037;
519
- --ks-color-informative-to-fg-9-base: #0b1128;
527
+ --ks-color-informative-to-bg-1-base: #5fb9d2;
528
+ --ks-color-informative-to-bg-2-base: #58aac3;
529
+ --ks-color-informative-to-bg-3-base: #4d95ae;
530
+ --ks-color-informative-to-bg-4-base: #417d95;
531
+ --ks-color-informative-to-bg-5-base: #35657d;
532
+ --ks-color-informative-to-bg-6-base: #294d65;
533
+ --ks-color-informative-to-bg-7-base: #1d354c;
534
+ --ks-color-informative-to-bg-8-base: #122037;
535
+ --ks-color-informative-to-bg-9-base: #0b1128;
536
+ --ks-color-informative-to-fg-1-base: #6cc5dd;
537
+ --ks-color-informative-to-fg-2-base: #78cae0;
538
+ --ks-color-informative-to-fg-3-base: #89d1e4;
539
+ --ks-color-informative-to-fg-4-base: #9dd9e8;
540
+ --ks-color-informative-to-fg-5-base: #b2e1ed;
541
+ --ks-color-informative-to-fg-6-base: #c6e8f2;
542
+ --ks-color-informative-to-fg-7-base: #daf0f6;
543
+ --ks-color-informative-to-fg-8-base: #ebf7fa;
544
+ --ks-color-informative-to-fg-9-base: #f7fcfd;
520
545
  --ks-color-informative-inverted-base: #00718f;
521
546
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
522
547
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
@@ -527,24 +552,24 @@
527
552
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
528
553
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
529
554
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
530
- --ks-color-informative-inverted-to-bg-1-base: #016d8b;
531
- --ks-color-informative-inverted-to-bg-2-base: #026684;
532
- --ks-color-informative-inverted-to-bg-3-base: #045e7c;
533
- --ks-color-informative-inverted-to-bg-4-base: #065371;
534
- --ks-color-informative-inverted-to-bg-5-base: #084967;
535
- --ks-color-informative-inverted-to-bg-6-base: #093e5c;
536
- --ks-color-informative-inverted-to-bg-7-base: #0b3351;
537
- --ks-color-informative-inverted-to-bg-8-base: #0d2b49;
538
- --ks-color-informative-inverted-to-bg-9-base: #0e2442;
539
- --ks-color-informative-inverted-to-fg-1-base: #0d7895;
540
- --ks-color-informative-inverted-to-fg-2-base: #21839e;
541
- --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
542
- --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
543
- --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
544
- --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
545
- --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
546
- --ks-color-informative-inverted-to-fg-8-base: #deedf0;
547
- --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
555
+ --ks-color-informative-inverted-to-bg-1-base: #0c7794;
556
+ --ks-color-informative-inverted-to-bg-2-base: #1f829c;
557
+ --ks-color-informative-inverted-to-bg-3-base: #3a90a7;
558
+ --ks-color-informative-inverted-to-bg-4-base: #59a0b4;
559
+ --ks-color-informative-inverted-to-bg-5-base: #79b1c1;
560
+ --ks-color-informative-inverted-to-bg-6-base: #98c2ce;
561
+ --ks-color-informative-inverted-to-bg-7-base: #b7d2db;
562
+ --ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
563
+ --ks-color-informative-inverted-to-bg-9-base: #e5ebee;
564
+ --ks-color-informative-inverted-to-fg-1-base: #006c89;
565
+ --ks-color-informative-inverted-to-fg-2-base: #016380;
566
+ --ks-color-informative-inverted-to-fg-3-base: #015874;
567
+ --ks-color-informative-inverted-to-fg-4-base: #024a66;
568
+ --ks-color-informative-inverted-to-fg-5-base: #033d57;
569
+ --ks-color-informative-inverted-to-fg-6-base: #042f48;
570
+ --ks-color-informative-inverted-to-fg-7-base: #05213a;
571
+ --ks-color-informative-inverted-to-fg-8-base: #05162e;
572
+ --ks-color-informative-inverted-to-fg-9-base: #060d25;
548
573
  --ks-color-notice-base: #f9de55;
549
574
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
550
575
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
@@ -555,24 +580,24 @@
555
580
  --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
556
581
  --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
557
582
  --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
558
- --ks-color-notice-to-bg-1-base: #f9e05e;
559
- --ks-color-notice-to-bg-2-base: #fae26b;
560
- --ks-color-notice-to-bg-3-base: #fae67e;
561
- --ks-color-notice-to-bg-4-base: #fbea94;
562
- --ks-color-notice-to-bg-5-base: #fcefaa;
563
- --ks-color-notice-to-bg-6-base: #fdf3c0;
564
- --ks-color-notice-to-bg-7-base: #fef7d6;
565
- --ks-color-notice-to-bg-8-base: #fefbe9;
566
- --ks-color-notice-to-bg-9-base: #fffdf7;
567
- --ks-color-notice-to-fg-1-base: #edd352;
568
- --ks-color-notice-to-fg-2-base: #d9c24e;
569
- --ks-color-notice-to-fg-3-base: #bfab48;
570
- --ks-color-notice-to-fg-4-base: #9f8f41;
571
- --ks-color-notice-to-fg-5-base: #80733a;
572
- --ks-color-notice-to-fg-6-base: #605733;
573
- --ks-color-notice-to-fg-7-base: #403b2c;
574
- --ks-color-notice-to-fg-8-base: #262426;
575
- --ks-color-notice-to-fg-9-base: #121322;
583
+ --ks-color-notice-to-bg-1-base: #edd352;
584
+ --ks-color-notice-to-bg-2-base: #d9c24e;
585
+ --ks-color-notice-to-bg-3-base: #bfab48;
586
+ --ks-color-notice-to-bg-4-base: #9f8f41;
587
+ --ks-color-notice-to-bg-5-base: #80733a;
588
+ --ks-color-notice-to-bg-6-base: #605733;
589
+ --ks-color-notice-to-bg-7-base: #403b2c;
590
+ --ks-color-notice-to-bg-8-base: #262426;
591
+ --ks-color-notice-to-bg-9-base: #121322;
592
+ --ks-color-notice-to-fg-1-base: #f9e05e;
593
+ --ks-color-notice-to-fg-2-base: #fae26b;
594
+ --ks-color-notice-to-fg-3-base: #fae67e;
595
+ --ks-color-notice-to-fg-4-base: #fbea94;
596
+ --ks-color-notice-to-fg-5-base: #fcefaa;
597
+ --ks-color-notice-to-fg-6-base: #fdf3c0;
598
+ --ks-color-notice-to-fg-7-base: #fef7d6;
599
+ --ks-color-notice-to-fg-8-base: #fefbe9;
600
+ --ks-color-notice-to-fg-9-base: #fffdf7;
576
601
  --ks-color-notice-inverted-base: #ff5d53;
577
602
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
578
603
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
@@ -583,24 +608,24 @@
583
608
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
584
609
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
585
610
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
586
- --ks-color-notice-inverted-to-bg-1-base: #f35a52;
587
- --ks-color-notice-inverted-to-bg-2-base: #e05550;
588
- --ks-color-notice-inverted-to-bg-3-base: #c54e4e;
589
- --ks-color-notice-inverted-to-bg-4-base: #a6464b;
590
- --ks-color-notice-inverted-to-bg-5-base: #873f49;
591
- --ks-color-notice-inverted-to-bg-6-base: #683746;
592
- --ks-color-notice-inverted-to-bg-7-base: #492f43;
593
- --ks-color-notice-inverted-to-bg-8-base: #2e2841;
594
- --ks-color-notice-inverted-to-bg-9-base: #1b233f;
595
- --ks-color-notice-inverted-to-fg-1-base: #ff655c;
596
- --ks-color-notice-inverted-to-fg-2-base: #ff7269;
597
- --ks-color-notice-inverted-to-fg-3-base: #ff847c;
598
- --ks-color-notice-inverted-to-fg-4-base: #ff9993;
599
- --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
600
- --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
601
- --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
602
- --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
603
- --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
611
+ --ks-color-notice-inverted-to-bg-1-base: #fe645b;
612
+ --ks-color-notice-inverted-to-bg-2-base: #fd7068;
613
+ --ks-color-notice-inverted-to-bg-3-base: #fc8179;
614
+ --ks-color-notice-inverted-to-bg-4-base: #fa948e;
615
+ --ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
616
+ --ks-color-notice-inverted-to-bg-6-base: #f6bab8;
617
+ --ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
618
+ --ks-color-notice-inverted-to-bg-8-base: #f3dede;
619
+ --ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
620
+ --ks-color-notice-inverted-to-fg-1-base: #f35950;
621
+ --ks-color-notice-inverted-to-fg-2-base: #df524c;
622
+ --ks-color-notice-inverted-to-fg-3-base: #c34947;
623
+ --ks-color-notice-inverted-to-fg-4-base: #a33e40;
624
+ --ks-color-notice-inverted-to-fg-5-base: #833339;
625
+ --ks-color-notice-inverted-to-fg-6-base: #622732;
626
+ --ks-color-notice-inverted-to-fg-7-base: #421c2b;
627
+ --ks-color-notice-inverted-to-fg-8-base: #261326;
628
+ --ks-color-notice-inverted-to-fg-9-base: #120c22;
604
629
  --ks-color-negative-base: #ff1a57;
605
630
  --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
606
631
  --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
@@ -611,24 +636,24 @@
611
636
  --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
612
637
  --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
613
638
  --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
614
- --ks-color-negative-to-bg-1-base: #ff255f;
615
- --ks-color-negative-to-bg-2-base: #ff386d;
616
- --ks-color-negative-to-bg-3-base: #ff517f;
617
- --ks-color-negative-to-bg-4-base: #ff6f95;
618
- --ks-color-negative-to-bg-5-base: #ff8dab;
619
- --ks-color-negative-to-bg-6-base: #ffaac1;
620
- --ks-color-negative-to-bg-7-base: #ffc8d7;
621
- --ks-color-negative-to-bg-8-base: #ffe1e9;
622
- --ks-color-negative-to-bg-9-base: #fff4f7;
623
- --ks-color-negative-to-fg-1-base: #f31954;
624
- --ks-color-negative-to-fg-2-base: #df1850;
625
- --ks-color-negative-to-fg-3-base: #c3164a;
626
- --ks-color-negative-to-fg-4-base: #a31342;
627
- --ks-color-negative-to-fg-5-base: #83113b;
628
- --ks-color-negative-to-fg-6-base: #620f34;
629
- --ks-color-negative-to-fg-7-base: #420c2c;
630
- --ks-color-negative-to-fg-8-base: #260a26;
631
- --ks-color-negative-to-fg-9-base: #120922;
639
+ --ks-color-negative-to-bg-1-base: #f31954;
640
+ --ks-color-negative-to-bg-2-base: #df1850;
641
+ --ks-color-negative-to-bg-3-base: #c3164a;
642
+ --ks-color-negative-to-bg-4-base: #a31342;
643
+ --ks-color-negative-to-bg-5-base: #83113b;
644
+ --ks-color-negative-to-bg-6-base: #620f34;
645
+ --ks-color-negative-to-bg-7-base: #420c2c;
646
+ --ks-color-negative-to-bg-8-base: #260a26;
647
+ --ks-color-negative-to-bg-9-base: #120922;
648
+ --ks-color-negative-to-fg-1-base: #ff255f;
649
+ --ks-color-negative-to-fg-2-base: #ff386d;
650
+ --ks-color-negative-to-fg-3-base: #ff517f;
651
+ --ks-color-negative-to-fg-4-base: #ff6f95;
652
+ --ks-color-negative-to-fg-5-base: #ff8dab;
653
+ --ks-color-negative-to-fg-6-base: #ffaac1;
654
+ --ks-color-negative-to-fg-7-base: #ffc8d7;
655
+ --ks-color-negative-to-fg-8-base: #ffe1e9;
656
+ --ks-color-negative-to-fg-9-base: #fff4f7;
632
657
  --ks-color-negative-inverted-base: #d21d48;
633
658
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
634
659
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
@@ -639,74 +664,136 @@
639
664
  --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
640
665
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
641
666
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
642
- --ks-color-negative-inverted-to-bg-1-base: #c81d48;
643
- --ks-color-negative-inverted-to-bg-2-base: #b91d47;
644
- --ks-color-negative-inverted-to-bg-3-base: #a31e46;
645
- --ks-color-negative-inverted-to-bg-4-base: #8a1e44;
646
- --ks-color-negative-inverted-to-bg-5-base: #711f43;
647
- --ks-color-negative-inverted-to-bg-6-base: #571f42;
648
- --ks-color-negative-inverted-to-bg-7-base: #3e1f40;
649
- --ks-color-negative-inverted-to-bg-8-base: #28203f;
650
- --ks-color-negative-inverted-to-bg-9-base: #19203f;
651
- --ks-color-negative-inverted-to-fg-1-base: #d42851;
652
- --ks-color-negative-inverted-to-fg-2-base: #d83a60;
653
- --ks-color-negative-inverted-to-fg-3-base: #dd5374;
654
- --ks-color-negative-inverted-to-fg-4-base: #e3718c;
655
- --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
656
- --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
657
- --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
658
- --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
659
- --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
667
+ --ks-color-negative-inverted-to-bg-1-base: #d42851;
668
+ --ks-color-negative-inverted-to-bg-2-base: #d6395e;
669
+ --ks-color-negative-inverted-to-bg-3-base: #d95071;
670
+ --ks-color-negative-inverted-to-bg-4-base: #dd6b87;
671
+ --ks-color-negative-inverted-to-bg-5-base: #e2879e;
672
+ --ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
673
+ --ks-color-negative-inverted-to-bg-7-base: #eabeca;
674
+ --ks-color-negative-inverted-to-bg-8-base: #edd5dd;
675
+ --ks-color-negative-inverted-to-bg-9-base: #efe6ea;
676
+ --ks-color-negative-inverted-to-fg-1-base: #c81c46;
677
+ --ks-color-negative-inverted-to-fg-2-base: #b71a43;
678
+ --ks-color-negative-inverted-to-fg-3-base: #a1183e;
679
+ --ks-color-negative-inverted-to-fg-4-base: #871539;
680
+ --ks-color-negative-inverted-to-fg-5-base: #6c1334;
681
+ --ks-color-negative-inverted-to-fg-6-base: #51102e;
682
+ --ks-color-negative-inverted-to-fg-7-base: #370d29;
683
+ --ks-color-negative-inverted-to-fg-8-base: #210b24;
684
+ --ks-color-negative-inverted-to-fg-9-base: #100921;
685
+ --ks-color-secondary-base: #4d25ef;
686
+ --ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
687
+ --ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
688
+ --ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
689
+ --ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
690
+ --ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
691
+ --ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
692
+ --ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
693
+ --ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
694
+ --ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
695
+ --ks-color-secondary-to-bg-1-base: #4924e5;
696
+ --ks-color-secondary-to-bg-2-base: #4421d4;
697
+ --ks-color-secondary-to-bg-3-base: #3c1ebd;
698
+ --ks-color-secondary-to-bg-4-base: #331aa2;
699
+ --ks-color-secondary-to-bg-5-base: #2a1787;
700
+ --ks-color-secondary-to-bg-6-base: #20136c;
701
+ --ks-color-secondary-to-bg-7-base: #170f51;
702
+ --ks-color-secondary-to-bg-8-base: #0f0c3a;
703
+ --ks-color-secondary-to-bg-9-base: #0a0929;
704
+ --ks-color-secondary-to-fg-1-base: #5630f0;
705
+ --ks-color-secondary-to-fg-2-base: #6441f1;
706
+ --ks-color-secondary-to-fg-3-base: #7859f3;
707
+ --ks-color-secondary-to-fg-4-base: #8f76f5;
708
+ --ks-color-secondary-to-fg-5-base: #a692f7;
709
+ --ks-color-secondary-to-fg-6-base: #bdaef9;
710
+ --ks-color-secondary-to-fg-7-base: #d4cbfb;
711
+ --ks-color-secondary-to-fg-8-base: #e8e3fd;
712
+ --ks-color-secondary-to-fg-9-base: #f6f4fe;
713
+ --ks-color-secondary-inverted-base: #e21879;
714
+ --ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
715
+ --ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
716
+ --ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
717
+ --ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
718
+ --ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
719
+ --ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
720
+ --ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
721
+ --ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
722
+ --ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
723
+ --ks-color-secondary-inverted-to-bg-1-base: #e3237f;
724
+ --ks-color-secondary-inverted-to-bg-2-base: #e43489;
725
+ --ks-color-secondary-inverted-to-bg-3-base: #e64c96;
726
+ --ks-color-secondary-inverted-to-bg-4-base: #e868a6;
727
+ --ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
728
+ --ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
729
+ --ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
730
+ --ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
731
+ --ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
732
+ --ks-color-secondary-inverted-to-fg-1-base: #d71775;
733
+ --ks-color-secondary-inverted-to-fg-2-base: #c5166d;
734
+ --ks-color-secondary-inverted-to-fg-3-base: #ad1463;
735
+ --ks-color-secondary-inverted-to-fg-4-base: #911258;
736
+ --ks-color-secondary-inverted-to-fg-5-base: #74104c;
737
+ --ks-color-secondary-inverted-to-fg-6-base: #570e40;
738
+ --ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
739
+ --ks-color-secondary-inverted-to-fg-8-base: #230a2b;
740
+ --ks-color-secondary-inverted-to-fg-9-base: #110924;
660
741
  --ks-depth-modal: 1000;
661
742
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
662
- --ks-spacing-xxs-base: 0.3366rem;
743
+ --ks-spacing-xxs-base: 0.3024rem;
663
744
  --ks-spacing-xxs-bp-factor-phone: 1.225;
664
745
  --ks-spacing-xxs-bp-factor-tablet: 1.5006;
665
746
  --ks-spacing-xxs-bp-factor-laptop: 1.8383;
666
747
  --ks-spacing-xxs-bp-factor-desktop: 2.2519;
667
- --ks-spacing-xxs-bp-factor-tv: 2.7585;
748
+ --ks-spacing-xxs-bp-factor-widescreen: 2.5;
749
+ --ks-spacing-xxs-bp-factor-tv: 3;
668
750
  --ks-spacing-xs: var(--ks-spacing-xs-base);
669
- --ks-spacing-xs-base: 0.4628rem;
751
+ --ks-spacing-xs-base: 0.4309rem;
670
752
  --ks-spacing-xs-bp-factor-phone: 1.225;
671
753
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
672
754
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
673
755
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
674
- --ks-spacing-xs-bp-factor-tv: 2.7585;
756
+ --ks-spacing-xs-bp-factor-widescreen: 2.5;
757
+ --ks-spacing-xs-bp-factor-tv: 3;
675
758
  --ks-spacing-s: var(--ks-spacing-s-base);
676
- --ks-spacing-s-base: 0.6364rem;
759
+ --ks-spacing-s-base: 0.614rem;
677
760
  --ks-spacing-s-bp-factor-phone: 1.225;
678
761
  --ks-spacing-s-bp-factor-tablet: 1.5006;
679
762
  --ks-spacing-s-bp-factor-laptop: 1.8383;
680
763
  --ks-spacing-s-bp-factor-desktop: 2.2519;
681
- --ks-spacing-s-bp-factor-tv: 2.7585;
764
+ --ks-spacing-s-bp-factor-widescreen: 2.5;
765
+ --ks-spacing-s-bp-factor-tv: 3;
682
766
  --ks-spacing-m: var(--ks-spacing-m-base);
683
767
  --ks-spacing-m-base: 0.875rem;
684
768
  --ks-spacing-m-bp-factor-phone: 1.225;
685
769
  --ks-spacing-m-bp-factor-tablet: 1.5006;
686
770
  --ks-spacing-m-bp-factor-laptop: 1.8383;
687
771
  --ks-spacing-m-bp-factor-desktop: 2.2519;
688
- --ks-spacing-m-bp-factor-tv: 2.7585;
772
+ --ks-spacing-m-bp-factor-widescreen: 2.5;
773
+ --ks-spacing-m-bp-factor-tv: 3;
689
774
  --ks-spacing-l: var(--ks-spacing-l-base);
690
- --ks-spacing-l-base: 1.2031rem;
775
+ --ks-spacing-l-base: 1.2469rem;
691
776
  --ks-spacing-l-bp-factor-phone: 1.225;
692
777
  --ks-spacing-l-bp-factor-tablet: 1.5006;
693
778
  --ks-spacing-l-bp-factor-laptop: 1.8383;
694
779
  --ks-spacing-l-bp-factor-desktop: 2.2519;
695
- --ks-spacing-l-bp-factor-tv: 2.7585;
780
+ --ks-spacing-l-bp-factor-widescreen: 2.5;
781
+ --ks-spacing-l-bp-factor-tv: 3;
696
782
  --ks-spacing-xl: var(--ks-spacing-xl-base);
697
- --ks-spacing-xl-base: 1.6543rem;
783
+ --ks-spacing-xl-base: 1.7768rem;
698
784
  --ks-spacing-xl-bp-factor-phone: 1.225;
699
785
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
700
786
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
701
787
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
702
- --ks-spacing-xl-bp-factor-tv: 2.7585;
788
+ --ks-spacing-xl-bp-factor-tv: 2.7;
703
789
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
704
- --ks-spacing-xxl-base: 2.2747rem;
790
+ --ks-spacing-xxl-base: 2.5319rem;
705
791
  --ks-spacing-xxl-bp-factor-phone: 1.225;
706
792
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
707
793
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
708
794
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
709
- --ks-spacing-xxl-bp-factor-tv: 2.7585;
795
+ --ks-spacing-xxl-bp-factor-widescreen: 2.5;
796
+ --ks-spacing-xxl-bp-factor-tv: 3;
710
797
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
711
798
  --ks-spacing-stack-s: var(--ks-spacing-s);
712
799
  --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -732,16 +819,16 @@
732
819
  --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
733
820
  --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
734
821
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
735
- --ks-text-color-default-base: var(--ks-color-fg-alpha-2-base);
822
+ --ks-text-color-default-base: var(--ks-color-fg-base);
736
823
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
737
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
738
- --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
739
- --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
740
- --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
824
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
825
+ --ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
826
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
827
+ --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
741
828
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
742
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
743
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
744
- --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
829
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
830
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
831
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
745
832
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
746
833
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
747
834
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
@@ -762,8 +849,8 @@
762
849
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
763
850
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
764
851
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
765
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
766
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
852
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
853
+ --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
767
854
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
768
855
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
769
856
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
@@ -787,7 +874,7 @@
787
874
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
788
875
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
789
876
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
790
- --ks-text-color-primary-inverted-base: var(--ks-color-primary-to-bg-5-base);
877
+ --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
791
878
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
792
879
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
793
880
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
@@ -832,6 +919,16 @@
832
919
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
833
920
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
834
921
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
922
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
923
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
924
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
925
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
926
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
927
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
928
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
929
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
930
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
931
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
835
932
  --ks-duration-immediate: 50ms;
836
933
  --ks-duration-fast: 100ms;
837
934
  --ks-duration-medium: 150ms;
@@ -841,37 +938,44 @@
841
938
  --ks-timing-function-ease-in: ease-in;
842
939
  --ks-timing-function-ease-in-out: ease-in-out;
843
940
  --ks-timing-function-linear: linear;
844
- --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
941
+ --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
845
942
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
846
- --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
847
- --ks-font-family-display: Montserrat, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
848
- --ks-font-family-copy: 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;
849
- --ks-font-family-interface: 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;
943
+ --ks-transition-fade: var(--ks-duration-fast) var(--ks-timing-function-ease-out);
944
+ --ks-font-family-display: Fredoka, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
945
+ --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;
946
+ --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;
850
947
  --ks-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
851
948
  --ks-font-weight-light: 300;
852
949
  --ks-font-weight-regular: 400;
853
- --ks-font-weight-semi-bold: 500;
950
+ --ks-font-weight-medium: 500;
951
+ --ks-font-weight-semi-bold: 600;
854
952
  --ks-font-weight-bold: 700;
855
- --ks-font-size-display-bp-factor-phone: 1;
856
- --ks-font-size-display-bp-factor-tablet: 1.125;
857
- --ks-font-size-display-bp-factor-laptop: 1.25;
858
- --ks-font-size-display-bp-factor-desktop: 1.35;
859
- --ks-font-size-display-xxs-base: 0.512rem;
860
- --ks-font-size-display-xs-base: 0.64rem;
861
- --ks-font-size-display-s-base: 0.8rem;
862
- --ks-font-size-display-m-base: 1rem;
863
- --ks-font-size-display-l-base: 1.25rem;
864
- --ks-font-size-display-xl-base: 1.5625rem;
865
- --ks-font-size-display-xxl-base: 1.9531rem;
953
+ --ks-font-size-display-bp-factor-phone: 1.125;
954
+ --ks-font-size-display-bp-factor-tablet: 1.5;
955
+ --ks-font-size-display-bp-factor-laptop: 1.5;
956
+ --ks-font-size-display-bp-factor-desktop: 1.75;
957
+ --ks-font-size-display-bp-factor-widescreen: 2.25;
958
+ --ks-font-size-display-bp-factor-tv: 2.75;
959
+ --ks-font-size-display-xxs-base: 0.68rem;
960
+ --ks-font-size-display-xs-base: 0.833rem;
961
+ --ks-font-size-display-s-base: 1.0204rem;
962
+ --ks-font-size-display-m-base: 1.25rem;
963
+ --ks-font-size-display-l-base: 1.5313rem;
964
+ --ks-font-size-display-xl-base: 1.8758rem;
965
+ --ks-font-size-display-xxl-base: 2.2978rem;
866
966
  --ks-font-size-copy-bp-factor-tablet: 1.125;
867
- --ks-font-size-copy-xxs-base: 0.544rem;
868
- --ks-font-size-copy-xs-base: 0.6664rem;
869
- --ks-font-size-copy-s-base: 0.8163rem;
870
- --ks-font-size-copy-m-base: 1rem;
871
- --ks-font-size-copy-l-base: 1.225rem;
872
- --ks-font-size-copy-xl-base: 1.5006rem;
873
- --ks-font-size-copy-xxl-base: 1.8383rem;
967
+ --ks-font-size-copy-bp-factor-widescreen: 1.35;
968
+ --ks-font-size-copy-bp-factor-tv: 1.65;
969
+ --ks-font-size-copy-xxs-base: 0.612rem;
970
+ --ks-font-size-copy-xs-base: 0.7497rem;
971
+ --ks-font-size-copy-s-base: 0.9184rem;
972
+ --ks-font-size-copy-m-base: 1.125rem;
973
+ --ks-font-size-copy-l-base: 1.3781rem;
974
+ --ks-font-size-copy-xl-base: 1.6882rem;
975
+ --ks-font-size-copy-xxl-base: 2.068rem;
874
976
  --ks-font-size-interface-bp-factor-tablet: 1.125;
977
+ --ks-font-size-interface-bp-factor-widescreen: 1.35;
978
+ --ks-font-size-interface-bp-factor-tv: 1.65;
875
979
  --ks-font-size-interface-xxs-base: 0.544rem;
876
980
  --ks-font-size-interface-xs-base: 0.6664rem;
877
981
  --ks-font-size-interface-s-base: 0.8163rem;
@@ -880,13 +984,15 @@
880
984
  --ks-font-size-interface-xl-base: 1.5006rem;
881
985
  --ks-font-size-interface-xxl-base: 1.8383rem;
882
986
  --ks-font-size-mono-bp-factor-tablet: 1.125;
883
- --ks-font-size-mono-xxs-base: 0.544rem;
884
- --ks-font-size-mono-xs-base: 0.6664rem;
885
- --ks-font-size-mono-s-base: 0.8163rem;
886
- --ks-font-size-mono-m-base: 1rem;
887
- --ks-font-size-mono-l-base: 1.225rem;
888
- --ks-font-size-mono-xl-base: 1.5006rem;
889
- --ks-font-size-mono-xxl-base: 1.8383rem;
987
+ --ks-font-size-mono-bp-factor-widescreen: 1.35;
988
+ --ks-font-size-mono-bp-factor-tv: 1.65;
989
+ --ks-font-size-mono-xxs-base: 0.612rem;
990
+ --ks-font-size-mono-xs-base: 0.7497rem;
991
+ --ks-font-size-mono-s-base: 0.9184rem;
992
+ --ks-font-size-mono-m-base: 1.125rem;
993
+ --ks-font-size-mono-l-base: 1.3781rem;
994
+ --ks-font-size-mono-xl-base: 1.6882rem;
995
+ --ks-font-size-mono-xxl-base: 2.068rem;
890
996
  --ks-line-height-display-xxs: 1.15;
891
997
  --ks-line-height-display-xs: 1.15;
892
998
  --ks-line-height-display-s: 1.15;
@@ -985,7 +1091,7 @@
985
1091
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
986
1092
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
987
1093
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
988
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
1094
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","widescreen":"122em","tv":"162em"}';
989
1095
  }
990
1096
 
991
1097
  :root, [ks-theme], [ks-inverted=false] {
@@ -1089,6 +1195,18 @@
1089
1195
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1090
1196
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1091
1197
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1198
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1199
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1200
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1201
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1202
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1203
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1204
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1205
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1206
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1207
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1208
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1209
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1092
1210
  --ks-border-color-accent: var(--ks-border-color-accent-base);
1093
1211
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
1094
1212
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -1187,6 +1305,18 @@
1187
1305
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1188
1306
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1189
1307
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1308
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1309
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1310
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1311
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1312
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1313
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1314
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1315
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1316
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1317
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1318
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1319
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
1190
1320
  --ks-color-fg: var(--ks-color-fg-base);
1191
1321
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
1192
1322
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -1600,6 +1730,62 @@
1600
1730
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1601
1731
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1602
1732
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
1733
+ --ks-color-secondary: var(--ks-color-secondary-base);
1734
+ --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
1735
+ --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
1736
+ --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
1737
+ --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
1738
+ --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
1739
+ --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
1740
+ --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
1741
+ --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
1742
+ --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
1743
+ --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
1744
+ --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
1745
+ --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
1746
+ --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
1747
+ --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
1748
+ --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
1749
+ --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
1750
+ --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1751
+ --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1752
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1753
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1754
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1755
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1756
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1757
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1758
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1759
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1760
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1761
+ --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
1762
+ --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
1763
+ --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
1764
+ --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
1765
+ --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
1766
+ --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
1767
+ --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
1768
+ --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
1769
+ --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
1770
+ --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
1771
+ --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
1772
+ --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
1773
+ --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
1774
+ --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
1775
+ --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
1776
+ --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
1777
+ --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1778
+ --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1779
+ --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1780
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1781
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1782
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1783
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1784
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1785
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1786
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1787
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1788
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1603
1789
  --ks-text-color-default: var(--ks-text-color-default-base);
1604
1790
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1605
1791
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
@@ -1700,6 +1886,16 @@
1700
1886
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1701
1887
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1702
1888
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1889
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
1890
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
1891
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
1892
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
1893
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1894
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
1895
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
1896
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
1897
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
1898
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
1703
1899
  }
1704
1900
 
1705
1901
  [ks-inverted=true] {
@@ -1803,6 +1999,18 @@
1803
1999
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1804
2000
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1805
2001
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
2002
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
2003
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
2004
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
2005
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
2006
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
2007
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
2008
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
2009
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
2010
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
2011
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
2012
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
2013
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1806
2014
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1807
2015
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1808
2016
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1901,6 +2109,18 @@
1901
2109
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1902
2110
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1903
2111
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2112
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2113
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2114
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2115
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2116
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2117
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2118
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2119
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2120
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2121
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2122
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2123
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1904
2124
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1905
2125
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1906
2126
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -2313,6 +2533,62 @@
2313
2533
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2314
2534
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2315
2535
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2536
+ --ks-color-secondary: var(--ks-color-secondary-inverted-base);
2537
+ --ks-color-secondary-inverted: var(--ks-color-secondary-base);
2538
+ --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
2539
+ --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
2540
+ --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
2541
+ --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
2542
+ --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
2543
+ --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
2544
+ --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
2545
+ --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
2546
+ --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
2547
+ --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
2548
+ --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
2549
+ --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
2550
+ --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
2551
+ --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
2552
+ --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
2553
+ --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
2554
+ --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
2555
+ --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
2556
+ --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
2557
+ --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
2558
+ --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
2559
+ --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
2560
+ --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
2561
+ --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
2562
+ --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
2563
+ --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
2564
+ --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
2565
+ --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
2566
+ --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
2567
+ --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
2568
+ --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
2569
+ --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
2570
+ --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
2571
+ --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
2572
+ --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
2573
+ --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
2574
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2575
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2576
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2577
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2578
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2579
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2580
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2581
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2582
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2583
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2584
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2585
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2586
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2587
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2588
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2589
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2590
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2591
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
2316
2592
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2317
2593
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2318
2594
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -2413,6 +2689,16 @@
2413
2689
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2414
2690
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2415
2691
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2692
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2693
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2694
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2695
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2696
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2697
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2698
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2699
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2700
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2701
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
2416
2702
  }
2417
2703
 
2418
2704
  @media (min-width: 36em) {
@@ -2468,6 +2754,24 @@
2468
2754
  }
2469
2755
  @media (min-width: 122em) {
2470
2756
  :root {
2757
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-widescreen);
2758
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-widescreen);
2759
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-widescreen);
2760
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-widescreen);
2761
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-widescreen);
2762
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-widescreen);
2763
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-widescreen);
2764
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-widescreen);
2765
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-widescreen);
2766
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-widescreen);
2767
+ }
2768
+ }
2769
+ @media (min-width: 162em) {
2770
+ :root {
2771
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
2772
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
2773
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
2774
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
2471
2775
  --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
2472
2776
  --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
2473
2777
  --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);