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