@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.7.0--canary.18.1660.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.
- package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
- package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
- package/dist/{BlogHeadProps-c04a5ed8.d.ts → BlogHeadProps-3f6e4072.d.ts} +1 -6
- package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
- package/dist/BlogPostProps-6b3cff22.d.ts +4 -4
- package/dist/BlogTeaserProps-f5855e93.d.ts +4 -9
- package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-03ff6d21.d.ts} +4 -4
- package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-93230a76.d.ts} +11 -21
- package/dist/FeatureProps-f8a75850.d.ts +52 -0
- package/dist/FeaturesProps-b05859d6.d.ts +34 -0
- package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
- package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
- package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-cf82a16d.d.ts} +5 -10
- package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
- package/dist/MosaicProps-d52c7151.d.ts +4 -4
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-21d04028.d.ts → SectionProps-83d399b4.d.ts} +11 -23
- package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-93230a76.d.ts} +5 -5
- package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
- package/dist/{TestimonialsProps-e344f597.d.ts → TestimonialProps-94bdeac9.d.ts} +2 -22
- package/dist/TestimonialsProps-f7211553.d.ts +22 -0
- package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
- package/dist/components/blog-aside/blog-aside.css +4 -4
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +9 -19
- package/dist/components/blog-aside/blog-aside.schema.json +4 -5
- package/dist/components/blog-aside/index.d.ts +1 -2
- package/dist/components/blog-aside/index.js +3 -3
- package/dist/components/blog-author/blog-author.schema.dereffed.json +5 -14
- package/dist/components/blog-author/index.d.ts +1 -2
- package/dist/components/blog-head/blog-head.css +3 -3
- package/dist/components/blog-head/blog-head.schema.dereffed.json +0 -8
- package/dist/components/blog-head/blog-head.schema.json +0 -6
- package/dist/components/blog-head/index.d.ts +1 -2
- package/dist/components/blog-head/index.js +2 -2
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +192 -363
- package/dist/components/blog-overview/index.d.ts +0 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +183 -348
- package/dist/components/blog-post/index.d.ts +0 -1
- package/dist/components/blog-post/index.js +2 -4
- package/dist/components/blog-teaser/blog-teaser.css +7 -9
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +6 -14
- package/dist/components/blog-teaser/blog-teaser.schema.json +5 -11
- package/dist/components/blog-teaser/index.d.ts +3 -4
- package/dist/components/blog-teaser/index.js +10 -8
- package/dist/components/button/button.css +2 -2
- package/dist/components/button/button.schema.dereffed.json +3 -4
- package/dist/components/button/button.schema.json +3 -4
- package/dist/components/button/index.d.ts +1 -2
- package/dist/components/button/index.js +1 -1
- package/dist/components/button-group/button-group.schema.dereffed.json +3 -4
- package/dist/components/button-group/index.d.ts +1 -2
- package/dist/components/contact/contact.css +16 -12
- package/dist/components/contact/contact.schema.dereffed.json +6 -15
- package/dist/components/contact/contact.schema.json +6 -13
- package/dist/components/contact/index.d.ts +1 -7
- package/dist/components/contact/index.js +1 -1
- package/dist/components/cta/cta.css +72 -49
- package/dist/components/cta/cta.schema.dereffed.json +11 -29
- package/dist/components/cta/cta.schema.json +10 -23
- package/dist/components/cta/index.d.ts +1 -2
- package/dist/components/cta/index.js +25 -25
- package/dist/components/divider/divider.css +1 -1
- package/dist/components/divider/index.d.ts +26 -2
- package/dist/components/faq/index.d.ts +0 -1
- package/dist/components/feature/feature.schema.dereffed.json +3 -14
- package/dist/components/feature/feature.schema.json +3 -12
- package/dist/components/feature/index.d.ts +1 -58
- package/dist/components/feature/index.js +2 -2
- package/dist/components/features/features.css +6 -19
- package/dist/components/features/features.schema.dereffed.json +40 -13
- package/dist/components/features/features.schema.json +1 -27
- package/dist/components/features/index.d.ts +1 -2
- package/dist/components/features/index.js +2 -11
- package/dist/components/footer/footer.css +5 -5
- package/dist/components/footer/footer.schema.dereffed.json +12 -12
- package/dist/components/footer/index.d.ts +1 -2
- package/dist/components/footer/index.js +1 -1
- package/dist/components/gallery/gallery.css +18 -0
- package/dist/components/gallery/gallery.schema.dereffed.json +1 -2
- package/dist/components/gallery/gallery.schema.json +1 -2
- package/dist/components/gallery/index.d.ts +0 -1
- package/dist/components/gallery/index.js +1 -1
- package/dist/components/header/header.css +11 -53
- package/dist/components/header/header.schema.dereffed.json +12 -12
- package/dist/components/header/index.d.ts +4 -5
- package/dist/components/header/index.js +5 -5
- package/dist/components/headline/headline.css +41 -49
- package/dist/components/headline/headline.schema.dereffed.json +0 -5
- package/dist/components/headline/headline.schema.json +0 -5
- package/dist/components/headline/index.d.ts +0 -6
- package/dist/components/headline/index.js +1 -1
- package/dist/components/hero/hero.css +22 -91
- package/dist/components/hero/hero.schema.dereffed.json +4 -12
- package/dist/components/hero/hero.schema.json +3 -9
- package/dist/components/hero/index.d.ts +1 -2
- package/dist/components/hero/index.js +37 -39
- package/dist/components/html/html.schema.json +3 -31
- package/dist/components/html/index.d.ts +26 -5
- package/dist/components/html/index.js +3 -17
- package/dist/components/image/image.css +18 -0
- package/dist/components/image/image.schema.dereffed.json +105 -0
- package/dist/components/image/image.schema.json +95 -0
- package/dist/components/image/index.d.ts +87 -0
- package/dist/components/image/index.js +11 -0
- package/dist/components/image-story/image-story.css +7 -10
- package/dist/components/image-story/image-story.schema.dereffed.json +3 -4
- package/dist/components/image-story/image-story.schema.json +1 -5
- package/dist/components/image-story/index.d.ts +0 -1
- package/dist/components/image-story/index.js +1 -0
- package/dist/components/image-text/image-text.css +4 -4
- package/dist/components/image-text/index.d.ts +0 -1
- package/dist/components/index/index.d.ts +3 -9
- package/dist/components/logo/index.d.ts +0 -1
- package/dist/components/logos/index.d.ts +0 -1
- package/dist/components/logos/index.js +1 -1
- package/dist/components/logos/logos.css +4 -4
- package/dist/components/logos/logos.schema.dereffed.json +6 -6
- package/dist/components/logos/logos.schema.json +6 -6
- package/dist/components/mosaic/index.d.ts +0 -1
- package/dist/components/mosaic/index.js +1 -1
- package/dist/components/mosaic/mosaic.css +7 -8
- package/dist/components/mosaic/mosaic.schema.dereffed.json +3 -4
- package/dist/components/nav-dropdown/index.d.ts +1 -2
- package/dist/components/nav-dropdown/index.js +2 -2
- package/dist/components/nav-dropdown/nav-dropdown.css +4 -13
- package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +1 -1
- package/dist/components/nav-flyout/index.d.ts +2 -3
- package/dist/components/nav-flyout/index.js +8 -6
- package/dist/components/nav-flyout/nav-flyout.css +15 -29
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -12
- package/dist/components/nav-main/index.d.ts +5 -6
- package/dist/components/nav-main/index.js +2 -0
- package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -15
- package/dist/components/nav-main/nav-main.schema.json +14 -14
- package/dist/components/nav-toggle/index.js +1 -1
- package/dist/components/nav-topbar/index.d.ts +2 -3
- package/dist/components/nav-topbar/index.js +2 -2
- package/dist/components/nav-topbar/nav-topbar.css +3 -16
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -12
- package/dist/components/page/index.d.ts +0 -1
- package/dist/components/page/page.schema.dereffed.json +163 -292
- package/dist/components/page-wrapper/index.js +368 -135
- package/dist/components/page-wrapper/tokens.css +692 -439
- package/dist/components/picture/picture.schema.json +88 -0
- package/dist/components/presets.json +560 -1883
- package/dist/components/providers/index.js +1 -1
- package/dist/components/section/index.d.ts +1 -2
- package/dist/components/section/index.js +16 -10
- package/dist/components/section/js/Section.client.js +1 -1
- package/dist/components/section/section.css +93 -88
- package/dist/components/section/section.schema.dereffed.json +163 -292
- package/dist/components/section/section.schema.json +10 -21
- package/dist/components/settings/settings.schema.dereffed.json +24 -29
- package/dist/components/settings/settings.schema.json +0 -5
- package/dist/components/slider/index.d.ts +1 -2
- package/dist/components/slider/slider.css +9 -19
- package/dist/components/slider/slider.schema.dereffed.json +71 -78
- package/dist/components/split/index.d.ts +13 -0
- package/dist/components/split/index.js +17 -0
- package/dist/components/split/split.css +53 -0
- package/dist/components/split/split.schema.dereffed.json +29 -0
- package/dist/components/split/split.schema.json +19 -0
- package/dist/components/stat/index.d.ts +0 -1
- package/dist/components/stat/stat.schema.dereffed.json +0 -1
- package/dist/components/stat/stat.schema.json +0 -1
- package/dist/components/stats/index.d.ts +0 -1
- package/dist/components/stats/stats.css +7 -3
- package/dist/components/stats/stats.schema.dereffed.json +0 -1
- package/dist/components/teaser-card/index.d.ts +1 -2
- package/dist/components/teaser-card/index.js +9 -10
- package/dist/components/teaser-card/teaser-card.css +48 -68
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -4
- package/dist/components/teaser-card/teaser-card.schema.json +4 -4
- package/dist/components/testimonial/index.d.ts +1 -49
- package/dist/components/testimonial/index.js +1 -4
- package/dist/components/testimonial/testimonial.schema.dereffed.json +0 -11
- package/dist/components/testimonial/testimonial.schema.json +0 -7
- package/dist/components/testimonials/index.d.ts +2 -3
- package/dist/components/testimonials/index.js +2 -2
- package/dist/components/testimonials/testimonials.css +28 -60
- package/dist/components/testimonials/testimonials.schema.dereffed.json +5 -11
- package/dist/components/testimonials/testimonials.schema.json +1 -30
- package/dist/components/text/index.d.ts +0 -1
- package/dist/components/text/text.css +2 -2
- package/dist/components/tile/tile.schema.dereffed.json +3 -4
- package/dist/components/tile/tile.schema.json +4 -10
- package/dist/components/video-curtain/index.d.ts +1 -2
- package/dist/components/video-curtain/index.js +4 -12
- package/dist/components/video-curtain/video-curtain.css +33 -57
- package/dist/components/video-curtain/video-curtain.schema.dereffed.json +4 -7
- package/dist/components/video-curtain/video-curtain.schema.json +3 -3
- package/dist/global.css +86 -340
- package/dist/static/img/logos/logoipsum-212.svg +12 -0
- package/dist/static/img/logos/logoipsum-217.svg +4 -0
- package/dist/static/img/logos/logoipsum-239.svg +16 -0
- package/dist/static/img/logos/logoipsum-244.svg +19 -0
- package/dist/static/img/logos/logoipsum-250.svg +21 -0
- package/dist/static/img/logos/logoipsum-286.svg +20 -0
- package/dist/static/img/people/author-alex.png +0 -0
- package/dist/static/img/people/author-emily.png +0 -0
- package/dist/static/img/people/author-john.png +0 -0
- package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
- package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/static/logo-inverted.svg +25 -12
- package/dist/static/logo.svg +25 -12
- package/dist/tokens/IconSprite.js +367 -134
- package/dist/tokens/icon-sprite.html +37 -72
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +692 -439
- package/dist/tokens/tokens.js +755 -651
- package/package.json +16 -11
- package/dist/DividerProps-2ef31901.d.ts +0 -26
- package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
- package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
- package/dist/EventFilterProps-b190eb86.d.ts +0 -73
- package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
- package/dist/EventListTeaserProps-5cc94436.d.ts +0 -89
- package/dist/EventLocationProps-871bc198.d.ts +0 -41
- package/dist/FeaturesProps-a9041d97.d.ts +0 -67
- package/dist/HtmlProps-9d091769.d.ts +0 -34
- package/dist/SearchFilterProps-2fa6419b.d.ts +0 -29
- package/dist/SearchResultProps-224c2338.d.ts +0 -33
- package/dist/components/breadcrumb/breadcrumb.css +0 -32
- package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json +0 -34
- package/dist/components/breadcrumb/breadcrumb.schema.json +0 -27
- package/dist/components/breadcrumb/index.d.ts +0 -28
- package/dist/components/breadcrumb/index.js +0 -17
- package/dist/components/content-nav/content-nav.css +0 -112
- package/dist/components/content-nav/content-nav.schema.dereffed.json +0 -61
- package/dist/components/content-nav/content-nav.schema.json +0 -52
- package/dist/components/content-nav/index.d.ts +0 -42
- package/dist/components/content-nav/index.js +0 -14
- package/dist/components/downloads/downloads.css +0 -153
- package/dist/components/downloads/downloads.schema.dereffed.json +0 -55
- package/dist/components/downloads/downloads.schema.json +0 -44
- package/dist/components/downloads/index.d.ts +0 -41
- package/dist/components/downloads/index.js +0 -18
- package/dist/components/event-appointment/event-appointment.css +0 -61
- package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -56
- package/dist/components/event-appointment/event-appointment.schema.json +0 -47
- package/dist/components/event-appointment/index.d.ts +0 -7
- package/dist/components/event-appointment/index.js +0 -14
- package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -287
- package/dist/components/event-detail/event-detail.schema.json +0 -74
- package/dist/components/event-detail/index.d.ts +0 -5
- package/dist/components/event-detail/index.js +0 -36
- package/dist/components/event-filter/event-filter.css +0 -31
- package/dist/components/event-filter/event-filter.schema.dereffed.json +0 -118
- package/dist/components/event-filter/event-filter.schema.json +0 -107
- package/dist/components/event-filter/index.d.ts +0 -7
- package/dist/components/event-filter/index.js +0 -34
- package/dist/components/event-header/event-header.css +0 -6
- package/dist/components/event-header/event-header.schema.dereffed.json +0 -38
- package/dist/components/event-header/event-header.schema.json +0 -34
- package/dist/components/event-header/index.d.ts +0 -35
- package/dist/components/event-header/index.js +0 -20
- package/dist/components/event-latest/event-latest.css +0 -5
- package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -142
- package/dist/components/event-latest/event-latest.schema.json +0 -46
- package/dist/components/event-latest/index.d.ts +0 -30
- package/dist/components/event-latest/index.js +0 -19
- package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -131
- package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -97
- package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
- package/dist/components/event-latest-teaser/index.d.ts +0 -8
- package/dist/components/event-latest-teaser/index.js +0 -18
- package/dist/components/event-list/event-list.schema.dereffed.json +0 -284
- package/dist/components/event-list/event-list.schema.json +0 -18
- package/dist/components/event-list/index.d.ts +0 -19
- package/dist/components/event-list/index.js +0 -73
- package/dist/components/event-list-teaser/event-list-teaser.css +0 -141
- package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +0 -151
- package/dist/components/event-list-teaser/event-list-teaser.schema.json +0 -116
- package/dist/components/event-list-teaser/index.d.ts +0 -8
- package/dist/components/event-list-teaser/index.js +0 -21
- package/dist/components/event-location/event-location.css +0 -71
- package/dist/components/event-location/event-location.schema.dereffed.json +0 -126
- package/dist/components/event-location/event-location.schema.json +0 -61
- package/dist/components/event-location/index.d.ts +0 -7
- package/dist/components/event-location/index.js +0 -18
- package/dist/components/event-login/event-login.css +0 -31
- package/dist/components/event-login/event-login.schema.dereffed.json +0 -125
- package/dist/components/event-login/event-login.schema.json +0 -98
- package/dist/components/event-login/index.d.ts +0 -78
- package/dist/components/event-login/index.js +0 -21
- package/dist/components/event-registration/event-registration.css +0 -91
- package/dist/components/event-registration/event-registration.schema.dereffed.json +0 -174
- package/dist/components/event-registration/event-registration.schema.json +0 -138
- package/dist/components/event-registration/index.d.ts +0 -106
- package/dist/components/event-registration/index.js +0 -23
- package/dist/components/html/Html.client.d.ts +0 -5
- package/dist/components/html/Html.client.js +0 -41
- package/dist/components/html/html.css +0 -52
- package/dist/components/html/html.schema.dereffed.json +0 -61
- package/dist/components/pagination/index.d.ts +0 -47
- package/dist/components/pagination/index.js +0 -52
- package/dist/components/pagination/pagination.css +0 -66
- package/dist/components/pagination/pagination.schema.dereffed.json +0 -64
- package/dist/components/pagination/pagination.schema.json +0 -57
- package/dist/components/search/index.d.ts +0 -19
- package/dist/components/search/index.js +0 -39
- package/dist/components/search/search.schema.dereffed.json +0 -134
- package/dist/components/search/search.schema.json +0 -18
- package/dist/components/search-bar/index.d.ts +0 -35
- package/dist/components/search-bar/index.js +0 -17
- package/dist/components/search-bar/search-bar.css +0 -33
- package/dist/components/search-bar/search-bar.schema.dereffed.json +0 -48
- package/dist/components/search-bar/search-bar.schema.json +0 -35
- package/dist/components/search-filter/index.d.ts +0 -7
- package/dist/components/search-filter/index.js +0 -15
- package/dist/components/search-filter/search-filter.css +0 -20
- package/dist/components/search-filter/search-filter.schema.dereffed.json +0 -69
- package/dist/components/search-filter/search-filter.schema.json +0 -46
- package/dist/components/search-result/index.d.ts +0 -7
- package/dist/components/search-result/index.js +0 -15
- package/dist/components/search-result/search-result.css +0 -26
- package/dist/components/search-result/search-result.schema.dereffed.json +0 -50
- package/dist/components/search-result/search-result.schema.json +0 -41
- package/dist/components/split-even/index.d.ts +0 -74
- package/dist/components/split-even/index.js +0 -7
- package/dist/components/split-even/split-even.css +0 -100
- package/dist/components/split-even/split-even.schema.dereffed.json +0 -5899
- package/dist/components/split-even/split-even.schema.json +0 -170
- package/dist/components/split-weighted/index.d.ts +0 -104
- package/dist/components/split-weighted/index.js +0 -13
- package/dist/components/split-weighted/split-weighted.css +0 -133
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +0 -5959
- package/dist/components/split-weighted/split-weighted.schema.json +0 -212
- package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
- package/dist/static/img/about/angled-image.png +0 -0
- package/dist/static/img/about/cta.png +0 -0
- package/dist/static/img/about/cutout.png +0 -0
- package/dist/static/img/about/disclaimer.png +0 -0
- package/dist/static/img/about/purpose.png +0 -0
- package/dist/static/img/about/spoiler.png +0 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
- package/dist/static/img/logos/logoipsum-344.svg +0 -174
- package/dist/static/img/logos/logoipsum-347.svg +0 -52
- package/dist/static/img/logos/logoipsum-352.svg +0 -22
- package/dist/static/img/logos/logoipsum-356.svg +0 -20
- package/dist/static/img/logos/logoipsum-358.svg +0 -29
- package/dist/static/img/logos/logoipsum-369.svg +0 -20
- package/dist/static/img/logos/logoipsum-373.svg +0 -17
- package/dist/static/img/people/contact-person.png +0 -0
- package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
- package/dist/static/img/screenshots/layout-divider--default.png +0 -0
- package/dist/static/logo-dark.svg +0 -13
- package/dist/static/logo-dsa-inverted.svg +0 -26
- package/dist/static/logo-dsa.svg +0 -26
package/dist/tokens/tokens.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 20 Jun 2025 07:55:05 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
7
|
-
--ks-background-color-accent-base: var(--ks-color-
|
|
7
|
+
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-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-
|
|
9
|
+
--ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-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-
|
|
26
|
+
--ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-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-
|
|
36
|
-
--ks-background-color-card-interactive-base: var(--ks-color-
|
|
37
|
-
--ks-background-color-card-interactive-disabled-base: var(--ks-color-
|
|
38
|
-
--ks-background-color-card-interactive-hover-base: var(--ks-color-
|
|
39
|
-
--ks-background-color-card-interactive-active-base: var(--ks-color-
|
|
40
|
-
--ks-background-color-card-interactive-selected-base: var(--ks-color-
|
|
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);
|
|
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-
|
|
42
|
+
--ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-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,8 +104,20 @@
|
|
|
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-
|
|
108
|
-
--ks-
|
|
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);
|
|
109
121
|
--ks-border-color-clear-base: var(--ks-color-transparent-base);
|
|
110
122
|
--ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
|
|
111
123
|
--ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
|
|
@@ -116,13 +128,13 @@
|
|
|
116
128
|
--ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
|
|
117
129
|
--ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
|
|
118
130
|
--ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
|
|
119
|
-
--ks-border-color-default-base: var(--ks-color-fg-alpha-
|
|
120
|
-
--ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-
|
|
121
|
-
--ks-border-color-interface-base: var(--ks-color-
|
|
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);
|
|
122
134
|
--ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
|
|
123
135
|
--ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
|
|
124
136
|
--ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
|
|
125
|
-
--ks-border-color-interface-interactive-active-base: var(--ks-color-
|
|
137
|
+
--ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
|
|
126
138
|
--ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
|
|
127
139
|
--ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
|
|
128
140
|
--ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
|
|
@@ -131,16 +143,16 @@
|
|
|
131
143
|
--ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
|
|
132
144
|
--ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
|
|
133
145
|
--ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
|
|
134
|
-
--ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-
|
|
146
|
+
--ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
|
|
135
147
|
--ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
|
|
136
|
-
--ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-
|
|
137
|
-
--ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-
|
|
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);
|
|
138
150
|
--ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
|
|
139
151
|
--ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
140
|
-
--ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-
|
|
152
|
+
--ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
141
153
|
--ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
|
|
142
|
-
--ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-
|
|
143
|
-
--ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-
|
|
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);
|
|
144
156
|
--ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
|
|
145
157
|
--ks-border-color-primary-base: var(--ks-color-primary-base);
|
|
146
158
|
--ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
|
|
@@ -202,37 +214,49 @@
|
|
|
202
214
|
--ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
|
|
203
215
|
--ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
|
|
204
216
|
--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);
|
|
205
229
|
--ks-border-width-default: 1px;
|
|
206
230
|
--ks-border-width-emphasized: 2px;
|
|
207
|
-
--ks-border-radius-control:
|
|
208
|
-
--ks-border-radius-card:
|
|
209
|
-
--ks-border-radius-surface:
|
|
231
|
+
--ks-border-radius-control: 16px;
|
|
232
|
+
--ks-border-radius-card: 16px;
|
|
233
|
+
--ks-border-radius-surface: 32px;
|
|
210
234
|
--ks-border-radius-pill: 999px;
|
|
211
235
|
--ks-border-radius-circle: 50%;
|
|
212
236
|
--ks-box-shadow-opacity-control: 0.2;
|
|
213
237
|
--ks-box-shadow-opacity-control-hover: 0.3;
|
|
214
238
|
--ks-box-shadow-opacity-control-inverted: 0.2;
|
|
215
239
|
--ks-box-shadow-opacity-control-inverted-hover: 0.3;
|
|
216
|
-
--ks-box-shadow-opacity-card: 0.
|
|
217
|
-
--ks-box-shadow-opacity-card-hover: 0.
|
|
218
|
-
--ks-box-shadow-opacity-card-inverted: 0.
|
|
219
|
-
--ks-box-shadow-opacity-card-inverted-hover: 0.
|
|
240
|
+
--ks-box-shadow-opacity-card: 0.2;
|
|
241
|
+
--ks-box-shadow-opacity-card-hover: 0.3;
|
|
242
|
+
--ks-box-shadow-opacity-card-inverted: 0.2;
|
|
243
|
+
--ks-box-shadow-opacity-card-inverted-hover: 0.3;
|
|
220
244
|
--ks-box-shadow-opacity-surface: 0.1;
|
|
221
245
|
--ks-box-shadow-opacity-surface-hover: 0.2;
|
|
222
246
|
--ks-box-shadow-opacity-surface-inverted: 0.1;
|
|
223
247
|
--ks-box-shadow-opacity-surface-inverted-hover: 0.2;
|
|
224
|
-
--ks-box-shadow-color-control: rgba(
|
|
225
|
-
--ks-box-shadow-color-control-hover: rgba(
|
|
226
|
-
--ks-box-shadow-color-control-inverted: rgba(
|
|
227
|
-
--ks-box-shadow-color-control-inverted-hover: rgba(
|
|
228
|
-
--ks-box-shadow-color-card: rgba(
|
|
229
|
-
--ks-box-shadow-color-card-hover: rgba(
|
|
230
|
-
--ks-box-shadow-color-card-inverted: rgba(
|
|
231
|
-
--ks-box-shadow-color-card-inverted-hover: rgba(
|
|
232
|
-
--ks-box-shadow-color-surface: rgba(
|
|
233
|
-
--ks-box-shadow-color-surface-hover: rgba(
|
|
234
|
-
--ks-box-shadow-color-surface-inverted: rgba(
|
|
235
|
-
--ks-box-shadow-color-surface-inverted-hover: rgba(
|
|
248
|
+
--ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
|
|
249
|
+
--ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
|
|
250
|
+
--ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
|
|
251
|
+
--ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
|
|
252
|
+
--ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
|
|
253
|
+
--ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
|
|
254
|
+
--ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
|
|
255
|
+
--ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
|
|
256
|
+
--ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
|
|
257
|
+
--ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
|
|
258
|
+
--ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
|
|
259
|
+
--ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
|
|
236
260
|
--ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
|
|
237
261
|
--ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
|
|
238
262
|
--ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
|
|
@@ -245,195 +269,195 @@
|
|
|
245
269
|
--ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
|
|
246
270
|
--ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
|
|
247
271
|
--ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
|
|
248
|
-
--ks-color-fg-base: #
|
|
249
|
-
--ks-color-fg-alpha-1-base:
|
|
250
|
-
--ks-color-fg-alpha-2-base:
|
|
251
|
-
--ks-color-fg-alpha-3-base:
|
|
252
|
-
--ks-color-fg-alpha-4-base:
|
|
253
|
-
--ks-color-fg-alpha-5-base:
|
|
254
|
-
--ks-color-fg-alpha-6-base:
|
|
255
|
-
--ks-color-fg-alpha-7-base:
|
|
256
|
-
--ks-color-fg-alpha-8-base:
|
|
257
|
-
--ks-color-fg-alpha-9-base:
|
|
258
|
-
--ks-color-fg-to-bg-1-base: #
|
|
259
|
-
--ks-color-fg-to-bg-2-base: #
|
|
260
|
-
--ks-color-fg-to-bg-3-base: #
|
|
261
|
-
--ks-color-fg-to-bg-4-base: #
|
|
272
|
+
--ks-color-fg-base: #fff;
|
|
273
|
+
--ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
|
|
274
|
+
--ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
|
|
275
|
+
--ks-color-fg-alpha-3-base: hsla(0,0%,100%,.76);
|
|
276
|
+
--ks-color-fg-alpha-4-base: hsla(0,0%,100%,.63);
|
|
277
|
+
--ks-color-fg-alpha-5-base: hsla(0,0%,100%,.5);
|
|
278
|
+
--ks-color-fg-alpha-6-base: hsla(0,0%,100%,.37);
|
|
279
|
+
--ks-color-fg-alpha-7-base: hsla(0,0%,100%,.24);
|
|
280
|
+
--ks-color-fg-alpha-8-base: hsla(0,0%,100%,.13);
|
|
281
|
+
--ks-color-fg-alpha-9-base: hsla(0,0%,100%,.05);
|
|
282
|
+
--ks-color-fg-to-bg-1-base: #f3f3f4;
|
|
283
|
+
--ks-color-fg-to-bg-2-base: #dfdfe2;
|
|
284
|
+
--ks-color-fg-to-bg-3-base: #c3c4c9;
|
|
285
|
+
--ks-color-fg-to-bg-4-base: #a3a4ac;
|
|
262
286
|
--ks-color-fg-to-bg-5-base: #83848f;
|
|
263
|
-
--ks-color-fg-to-bg-6-base: #
|
|
264
|
-
--ks-color-fg-to-bg-7-base: #
|
|
265
|
-
--ks-color-fg-to-bg-8-base: #
|
|
266
|
-
--ks-color-fg-to-bg-9-base: #
|
|
267
|
-
--ks-color-fg-inverted-base: #
|
|
268
|
-
--ks-color-fg-inverted-alpha-1-base:
|
|
269
|
-
--ks-color-fg-inverted-alpha-2-base:
|
|
270
|
-
--ks-color-fg-inverted-alpha-3-base:
|
|
271
|
-
--ks-color-fg-inverted-alpha-4-base:
|
|
272
|
-
--ks-color-fg-inverted-alpha-5-base:
|
|
273
|
-
--ks-color-fg-inverted-alpha-6-base:
|
|
274
|
-
--ks-color-fg-inverted-alpha-7-base:
|
|
275
|
-
--ks-color-fg-inverted-alpha-8-base:
|
|
276
|
-
--ks-color-fg-inverted-alpha-9-base:
|
|
277
|
-
--ks-color-fg-inverted-to-bg-1-base: #
|
|
278
|
-
--ks-color-fg-inverted-to-bg-2-base: #
|
|
279
|
-
--ks-color-fg-inverted-to-bg-3-base: #
|
|
280
|
-
--ks-color-fg-inverted-to-bg-4-base: #
|
|
281
|
-
--ks-color-fg-inverted-to-bg-5-base: #
|
|
282
|
-
--ks-color-fg-inverted-to-bg-6-base: #
|
|
283
|
-
--ks-color-fg-inverted-to-bg-7-base: #
|
|
284
|
-
--ks-color-fg-inverted-to-bg-8-base: #
|
|
285
|
-
--ks-color-fg-inverted-to-bg-9-base: #
|
|
286
|
-
--ks-color-bg-base: #
|
|
287
|
-
--ks-color-bg-alpha-1-base:
|
|
288
|
-
--ks-color-bg-alpha-2-base:
|
|
289
|
-
--ks-color-bg-alpha-3-base:
|
|
290
|
-
--ks-color-bg-alpha-4-base:
|
|
291
|
-
--ks-color-bg-alpha-5-base:
|
|
292
|
-
--ks-color-bg-alpha-6-base:
|
|
293
|
-
--ks-color-bg-alpha-7-base:
|
|
294
|
-
--ks-color-bg-alpha-8-base:
|
|
295
|
-
--ks-color-bg-alpha-9-base:
|
|
296
|
-
--ks-color-bg-to-fg-1-base: #
|
|
297
|
-
--ks-color-bg-to-fg-2-base: #
|
|
298
|
-
--ks-color-bg-to-fg-3-base: #
|
|
299
|
-
--ks-color-bg-to-fg-4-base: #
|
|
287
|
+
--ks-color-fg-to-bg-6-base: #626372;
|
|
288
|
+
--ks-color-fg-to-bg-7-base: #424355;
|
|
289
|
+
--ks-color-fg-to-bg-8-base: #26283c;
|
|
290
|
+
--ks-color-fg-to-bg-9-base: #12142a;
|
|
291
|
+
--ks-color-fg-inverted-base: #06081f;
|
|
292
|
+
--ks-color-fg-inverted-alpha-1-base: rgba(6,8,31,.95);
|
|
293
|
+
--ks-color-fg-inverted-alpha-2-base: rgba(6,8,31,.87);
|
|
294
|
+
--ks-color-fg-inverted-alpha-3-base: rgba(6,8,31,.76);
|
|
295
|
+
--ks-color-fg-inverted-alpha-4-base: rgba(6,8,31,.63);
|
|
296
|
+
--ks-color-fg-inverted-alpha-5-base: rgba(6,8,31,.5);
|
|
297
|
+
--ks-color-fg-inverted-alpha-6-base: rgba(6,8,31,.37);
|
|
298
|
+
--ks-color-fg-inverted-alpha-7-base: rgba(6,8,31,.24);
|
|
299
|
+
--ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
|
|
300
|
+
--ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
|
|
301
|
+
--ks-color-fg-inverted-to-bg-1-base: #12142a;
|
|
302
|
+
--ks-color-fg-inverted-to-bg-2-base: #25263b;
|
|
303
|
+
--ks-color-fg-inverted-to-bg-3-base: #3e4052;
|
|
304
|
+
--ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
|
|
305
|
+
--ks-color-fg-inverted-to-bg-5-base: #7c7d89;
|
|
306
|
+
--ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
|
|
307
|
+
--ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
|
|
308
|
+
--ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
|
|
309
|
+
--ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
|
|
310
|
+
--ks-color-bg-base: #06081f;
|
|
311
|
+
--ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
|
|
312
|
+
--ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
|
|
313
|
+
--ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
|
|
314
|
+
--ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
|
|
315
|
+
--ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
|
|
316
|
+
--ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
|
|
317
|
+
--ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
|
|
318
|
+
--ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
|
|
319
|
+
--ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
|
|
320
|
+
--ks-color-bg-to-fg-1-base: #12142a;
|
|
321
|
+
--ks-color-bg-to-fg-2-base: #26283c;
|
|
322
|
+
--ks-color-bg-to-fg-3-base: #424355;
|
|
323
|
+
--ks-color-bg-to-fg-4-base: #626372;
|
|
300
324
|
--ks-color-bg-to-fg-5-base: #83848f;
|
|
301
|
-
--ks-color-bg-to-fg-6-base: #
|
|
302
|
-
--ks-color-bg-to-fg-7-base: #
|
|
303
|
-
--ks-color-bg-to-fg-8-base: #
|
|
304
|
-
--ks-color-bg-to-fg-9-base: #
|
|
305
|
-
--ks-color-bg-inverted-base: #
|
|
306
|
-
--ks-color-bg-inverted-alpha-1-base:
|
|
307
|
-
--ks-color-bg-inverted-alpha-2-base:
|
|
308
|
-
--ks-color-bg-inverted-alpha-3-base:
|
|
309
|
-
--ks-color-bg-inverted-alpha-4-base:
|
|
310
|
-
--ks-color-bg-inverted-alpha-5-base:
|
|
311
|
-
--ks-color-bg-inverted-alpha-6-base:
|
|
312
|
-
--ks-color-bg-inverted-alpha-7-base:
|
|
313
|
-
--ks-color-bg-inverted-alpha-8-base:
|
|
314
|
-
--ks-color-bg-inverted-alpha-9-base:
|
|
315
|
-
--ks-color-bg-inverted-to-fg-1-base: #
|
|
316
|
-
--ks-color-bg-inverted-to-fg-2-base: #
|
|
317
|
-
--ks-color-bg-inverted-to-fg-3-base: #
|
|
318
|
-
--ks-color-bg-inverted-to-fg-4-base: #
|
|
319
|
-
--ks-color-bg-inverted-to-fg-5-base: #
|
|
320
|
-
--ks-color-bg-inverted-to-fg-6-base: #
|
|
321
|
-
--ks-color-bg-inverted-to-fg-7-base: #
|
|
322
|
-
--ks-color-bg-inverted-to-fg-8-base: #
|
|
323
|
-
--ks-color-bg-inverted-to-fg-9-base: #
|
|
325
|
+
--ks-color-bg-to-fg-6-base: #a3a4ac;
|
|
326
|
+
--ks-color-bg-to-fg-7-base: #c3c4c9;
|
|
327
|
+
--ks-color-bg-to-fg-8-base: #dfdfe2;
|
|
328
|
+
--ks-color-bg-to-fg-9-base: #f3f3f4;
|
|
329
|
+
--ks-color-bg-inverted-base: #f1f1f3;
|
|
330
|
+
--ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
|
|
331
|
+
--ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
|
|
332
|
+
--ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
|
|
333
|
+
--ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
|
|
334
|
+
--ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
|
|
335
|
+
--ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
|
|
336
|
+
--ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
|
|
337
|
+
--ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
|
|
338
|
+
--ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
|
|
339
|
+
--ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
|
|
340
|
+
--ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
|
|
341
|
+
--ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
|
|
342
|
+
--ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
|
|
343
|
+
--ks-color-bg-inverted-to-fg-5-base: #7c7d89;
|
|
344
|
+
--ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
|
|
345
|
+
--ks-color-bg-inverted-to-fg-7-base: #3e4052;
|
|
346
|
+
--ks-color-bg-inverted-to-fg-8-base: #25263b;
|
|
347
|
+
--ks-color-bg-inverted-to-fg-9-base: #12142a;
|
|
324
348
|
--ks-color-transparent-base: rgba(0,0,0,0);
|
|
325
|
-
--ks-color-primary-base: #
|
|
326
|
-
--ks-color-primary-alpha-1-base: rgba(
|
|
327
|
-
--ks-color-primary-alpha-2-base: rgba(
|
|
328
|
-
--ks-color-primary-alpha-3-base: rgba(
|
|
329
|
-
--ks-color-primary-alpha-4-base: rgba(
|
|
330
|
-
--ks-color-primary-alpha-5-base: rgba(
|
|
331
|
-
--ks-color-primary-alpha-6-base: rgba(
|
|
332
|
-
--ks-color-primary-alpha-7-base: rgba(
|
|
333
|
-
--ks-color-primary-alpha-8-base: rgba(
|
|
334
|
-
--ks-color-primary-alpha-9-base: rgba(
|
|
335
|
-
--ks-color-primary-to-bg-1-base: #
|
|
336
|
-
--ks-color-primary-to-bg-2-base: #
|
|
337
|
-
--ks-color-primary-to-bg-3-base: #
|
|
338
|
-
--ks-color-primary-to-bg-4-base: #
|
|
339
|
-
--ks-color-primary-to-bg-5-base: #
|
|
340
|
-
--ks-color-primary-to-bg-6-base: #
|
|
341
|
-
--ks-color-primary-to-bg-7-base: #
|
|
342
|
-
--ks-color-primary-to-bg-8-base: #
|
|
343
|
-
--ks-color-primary-to-bg-9-base: #
|
|
344
|
-
--ks-color-primary-to-fg-1-base: #
|
|
345
|
-
--ks-color-primary-to-fg-2-base: #
|
|
346
|
-
--ks-color-primary-to-fg-3-base: #
|
|
347
|
-
--ks-color-primary-to-fg-4-base: #
|
|
348
|
-
--ks-color-primary-to-fg-5-base: #
|
|
349
|
-
--ks-color-primary-to-fg-6-base: #
|
|
350
|
-
--ks-color-primary-to-fg-7-base: #
|
|
351
|
-
--ks-color-primary-to-fg-8-base: #
|
|
352
|
-
--ks-color-primary-to-fg-9-base: #
|
|
353
|
-
--ks-color-primary-inverted-base: #
|
|
354
|
-
--ks-color-primary-inverted-alpha-1-base: rgba(
|
|
355
|
-
--ks-color-primary-inverted-alpha-2-base: rgba(
|
|
356
|
-
--ks-color-primary-inverted-alpha-3-base: rgba(
|
|
357
|
-
--ks-color-primary-inverted-alpha-4-base: rgba(
|
|
358
|
-
--ks-color-primary-inverted-alpha-5-base: rgba(
|
|
359
|
-
--ks-color-primary-inverted-alpha-6-base: rgba(
|
|
360
|
-
--ks-color-primary-inverted-alpha-7-base: rgba(
|
|
361
|
-
--ks-color-primary-inverted-alpha-8-base: rgba(
|
|
362
|
-
--ks-color-primary-inverted-alpha-9-base: rgba(
|
|
363
|
-
--ks-color-primary-inverted-to-bg-1-base: #
|
|
364
|
-
--ks-color-primary-inverted-to-bg-2-base: #
|
|
365
|
-
--ks-color-primary-inverted-to-bg-3-base: #
|
|
366
|
-
--ks-color-primary-inverted-to-bg-4-base: #
|
|
367
|
-
--ks-color-primary-inverted-to-bg-5-base: #
|
|
368
|
-
--ks-color-primary-inverted-to-bg-6-base: #
|
|
369
|
-
--ks-color-primary-inverted-to-bg-7-base: #
|
|
370
|
-
--ks-color-primary-inverted-to-bg-8-base: #
|
|
371
|
-
--ks-color-primary-inverted-to-bg-9-base: #
|
|
372
|
-
--ks-color-primary-inverted-to-fg-1-base: #
|
|
373
|
-
--ks-color-primary-inverted-to-fg-2-base: #
|
|
374
|
-
--ks-color-primary-inverted-to-fg-3-base: #
|
|
375
|
-
--ks-color-primary-inverted-to-fg-4-base: #
|
|
376
|
-
--ks-color-primary-inverted-to-fg-5-base: #
|
|
377
|
-
--ks-color-primary-inverted-to-fg-6-base: #
|
|
378
|
-
--ks-color-primary-inverted-to-fg-7-base: #
|
|
379
|
-
--ks-color-primary-inverted-to-fg-8-base: #
|
|
380
|
-
--ks-color-primary-inverted-to-fg-9-base: #
|
|
381
|
-
--ks-color-link-base: #
|
|
382
|
-
--ks-color-link-alpha-1-base: rgba(
|
|
383
|
-
--ks-color-link-alpha-2-base: rgba(
|
|
384
|
-
--ks-color-link-alpha-3-base: rgba(
|
|
385
|
-
--ks-color-link-alpha-4-base: rgba(
|
|
386
|
-
--ks-color-link-alpha-5-base: rgba(
|
|
387
|
-
--ks-color-link-alpha-6-base: rgba(
|
|
388
|
-
--ks-color-link-alpha-7-base: rgba(
|
|
389
|
-
--ks-color-link-alpha-8-base: rgba(
|
|
390
|
-
--ks-color-link-alpha-9-base: rgba(
|
|
391
|
-
--ks-color-link-to-bg-1-base: #
|
|
392
|
-
--ks-color-link-to-bg-2-base: #
|
|
393
|
-
--ks-color-link-to-bg-3-base: #
|
|
394
|
-
--ks-color-link-to-bg-4-base: #
|
|
395
|
-
--ks-color-link-to-bg-5-base: #
|
|
396
|
-
--ks-color-link-to-bg-6-base: #
|
|
397
|
-
--ks-color-link-to-bg-7-base: #
|
|
398
|
-
--ks-color-link-to-bg-8-base: #
|
|
399
|
-
--ks-color-link-to-bg-9-base: #
|
|
400
|
-
--ks-color-link-to-fg-1-base: #
|
|
401
|
-
--ks-color-link-to-fg-2-base: #
|
|
402
|
-
--ks-color-link-to-fg-3-base: #
|
|
403
|
-
--ks-color-link-to-fg-4-base: #
|
|
404
|
-
--ks-color-link-to-fg-5-base: #
|
|
405
|
-
--ks-color-link-to-fg-6-base: #
|
|
406
|
-
--ks-color-link-to-fg-7-base: #
|
|
407
|
-
--ks-color-link-to-fg-8-base: #
|
|
408
|
-
--ks-color-link-to-fg-9-base: #
|
|
409
|
-
--ks-color-link-inverted-base: #
|
|
410
|
-
--ks-color-link-inverted-alpha-1-base: rgba(
|
|
411
|
-
--ks-color-link-inverted-alpha-2-base: rgba(
|
|
412
|
-
--ks-color-link-inverted-alpha-3-base: rgba(
|
|
413
|
-
--ks-color-link-inverted-alpha-4-base: rgba(
|
|
414
|
-
--ks-color-link-inverted-alpha-5-base: rgba(
|
|
415
|
-
--ks-color-link-inverted-alpha-6-base: rgba(
|
|
416
|
-
--ks-color-link-inverted-alpha-7-base: rgba(
|
|
417
|
-
--ks-color-link-inverted-alpha-8-base: rgba(
|
|
418
|
-
--ks-color-link-inverted-alpha-9-base: rgba(
|
|
419
|
-
--ks-color-link-inverted-to-bg-1-base: #
|
|
420
|
-
--ks-color-link-inverted-to-bg-2-base: #
|
|
421
|
-
--ks-color-link-inverted-to-bg-3-base: #
|
|
422
|
-
--ks-color-link-inverted-to-bg-4-base: #
|
|
423
|
-
--ks-color-link-inverted-to-bg-5-base: #
|
|
424
|
-
--ks-color-link-inverted-to-bg-6-base: #
|
|
425
|
-
--ks-color-link-inverted-to-bg-7-base: #
|
|
426
|
-
--ks-color-link-inverted-to-bg-8-base: #
|
|
427
|
-
--ks-color-link-inverted-to-bg-9-base: #
|
|
428
|
-
--ks-color-link-inverted-to-fg-1-base: #
|
|
429
|
-
--ks-color-link-inverted-to-fg-2-base: #
|
|
430
|
-
--ks-color-link-inverted-to-fg-3-base: #
|
|
431
|
-
--ks-color-link-inverted-to-fg-4-base: #
|
|
432
|
-
--ks-color-link-inverted-to-fg-5-base: #
|
|
433
|
-
--ks-color-link-inverted-to-fg-6-base: #
|
|
434
|
-
--ks-color-link-inverted-to-fg-7-base: #
|
|
435
|
-
--ks-color-link-inverted-to-fg-8-base: #
|
|
436
|
-
--ks-color-link-inverted-to-fg-9-base: #
|
|
349
|
+
--ks-color-primary-base: #e21879;
|
|
350
|
+
--ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
|
|
351
|
+
--ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
|
|
352
|
+
--ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
|
|
353
|
+
--ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
|
|
354
|
+
--ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
|
|
355
|
+
--ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
|
|
356
|
+
--ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
|
|
357
|
+
--ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
|
|
358
|
+
--ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
|
|
359
|
+
--ks-color-primary-to-bg-1-base: #d71775;
|
|
360
|
+
--ks-color-primary-to-bg-2-base: #c5166d;
|
|
361
|
+
--ks-color-primary-to-bg-3-base: #ad1463;
|
|
362
|
+
--ks-color-primary-to-bg-4-base: #911258;
|
|
363
|
+
--ks-color-primary-to-bg-5-base: #74104c;
|
|
364
|
+
--ks-color-primary-to-bg-6-base: #570e40;
|
|
365
|
+
--ks-color-primary-to-bg-7-base: #3b0c35;
|
|
366
|
+
--ks-color-primary-to-bg-8-base: #230a2b;
|
|
367
|
+
--ks-color-primary-to-bg-9-base: #110924;
|
|
368
|
+
--ks-color-primary-to-fg-1-base: #e32480;
|
|
369
|
+
--ks-color-primary-to-fg-2-base: #e6368a;
|
|
370
|
+
--ks-color-primary-to-fg-3-base: #e94f99;
|
|
371
|
+
--ks-color-primary-to-fg-4-base: #ed6dab;
|
|
372
|
+
--ks-color-primary-to-fg-5-base: #f18cbc;
|
|
373
|
+
--ks-color-primary-to-fg-6-base: #f4aacd;
|
|
374
|
+
--ks-color-primary-to-fg-7-base: #f8c8df;
|
|
375
|
+
--ks-color-primary-to-fg-8-base: #fbe1ee;
|
|
376
|
+
--ks-color-primary-to-fg-9-base: #fef3f8;
|
|
377
|
+
--ks-color-primary-inverted-base: #4d25ef;
|
|
378
|
+
--ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
|
|
379
|
+
--ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
|
|
380
|
+
--ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
|
|
381
|
+
--ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
|
|
382
|
+
--ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
|
|
383
|
+
--ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
|
|
384
|
+
--ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
|
|
385
|
+
--ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
|
|
386
|
+
--ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
|
|
387
|
+
--ks-color-primary-inverted-to-bg-1-base: #552fef;
|
|
388
|
+
--ks-color-primary-inverted-to-bg-2-base: #6240f0;
|
|
389
|
+
--ks-color-primary-inverted-to-bg-3-base: #7456f0;
|
|
390
|
+
--ks-color-primary-inverted-to-bg-4-base: #8a70f0;
|
|
391
|
+
--ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
|
|
392
|
+
--ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
|
|
393
|
+
--ks-color-primary-inverted-to-bg-7-base: #cac0f2;
|
|
394
|
+
--ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
|
|
395
|
+
--ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
|
|
396
|
+
--ks-color-primary-inverted-to-fg-1-base: #4924e5;
|
|
397
|
+
--ks-color-primary-inverted-to-fg-2-base: #4421d4;
|
|
398
|
+
--ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
|
|
399
|
+
--ks-color-primary-inverted-to-fg-4-base: #331aa2;
|
|
400
|
+
--ks-color-primary-inverted-to-fg-5-base: #2a1787;
|
|
401
|
+
--ks-color-primary-inverted-to-fg-6-base: #20136c;
|
|
402
|
+
--ks-color-primary-inverted-to-fg-7-base: #170f51;
|
|
403
|
+
--ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
|
|
404
|
+
--ks-color-primary-inverted-to-fg-9-base: #0a0929;
|
|
405
|
+
--ks-color-link-base: #b7a5ff;
|
|
406
|
+
--ks-color-link-alpha-1-base: rgba(183,165,255,.95);
|
|
407
|
+
--ks-color-link-alpha-2-base: rgba(183,165,255,.87);
|
|
408
|
+
--ks-color-link-alpha-3-base: rgba(183,165,255,.76);
|
|
409
|
+
--ks-color-link-alpha-4-base: rgba(183,165,255,.63);
|
|
410
|
+
--ks-color-link-alpha-5-base: rgba(183,165,255,.5);
|
|
411
|
+
--ks-color-link-alpha-6-base: rgba(183,165,255,.37);
|
|
412
|
+
--ks-color-link-alpha-7-base: rgba(183,165,255,.24);
|
|
413
|
+
--ks-color-link-alpha-8-base: rgba(183,165,255,.13);
|
|
414
|
+
--ks-color-link-alpha-9-base: rgba(183,165,255,.05);
|
|
415
|
+
--ks-color-link-to-bg-1-base: #ae9df4;
|
|
416
|
+
--ks-color-link-to-bg-2-base: #a091e2;
|
|
417
|
+
--ks-color-link-to-bg-3-base: #8d7fc9;
|
|
418
|
+
--ks-color-link-to-bg-4-base: #766bac;
|
|
419
|
+
--ks-color-link-to-bg-5-base: #5f578f;
|
|
420
|
+
--ks-color-link-to-bg-6-base: #474272;
|
|
421
|
+
--ks-color-link-to-bg-7-base: #302e55;
|
|
422
|
+
--ks-color-link-to-bg-8-base: #1d1c3c;
|
|
423
|
+
--ks-color-link-to-bg-9-base: #0f102a;
|
|
424
|
+
--ks-color-link-to-fg-1-base: #baf;
|
|
425
|
+
--ks-color-link-to-fg-2-base: #c0b1ff;
|
|
426
|
+
--ks-color-link-to-fg-3-base: #c8bbff;
|
|
427
|
+
--ks-color-link-to-fg-4-base: #d2c6ff;
|
|
428
|
+
--ks-color-link-to-fg-5-base: #dbd2ff;
|
|
429
|
+
--ks-color-link-to-fg-6-base: #e4deff;
|
|
430
|
+
--ks-color-link-to-fg-7-base: #eee9ff;
|
|
431
|
+
--ks-color-link-to-fg-8-base: #f6f3ff;
|
|
432
|
+
--ks-color-link-to-fg-9-base: #fbfbff;
|
|
433
|
+
--ks-color-link-inverted-base: #6642f6;
|
|
434
|
+
--ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
|
|
435
|
+
--ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
|
|
436
|
+
--ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
|
|
437
|
+
--ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
|
|
438
|
+
--ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
|
|
439
|
+
--ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
|
|
440
|
+
--ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
|
|
441
|
+
--ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
|
|
442
|
+
--ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
|
|
443
|
+
--ks-color-link-inverted-to-bg-1-base: #6d4bf6;
|
|
444
|
+
--ks-color-link-inverted-to-bg-2-base: #7859f6;
|
|
445
|
+
--ks-color-link-inverted-to-bg-3-base: #876cf5;
|
|
446
|
+
--ks-color-link-inverted-to-bg-4-base: #9983f5;
|
|
447
|
+
--ks-color-link-inverted-to-bg-5-base: #ac9af5;
|
|
448
|
+
--ks-color-link-inverted-to-bg-6-base: #beb0f4;
|
|
449
|
+
--ks-color-link-inverted-to-bg-7-base: #d0c7f4;
|
|
450
|
+
--ks-color-link-inverted-to-bg-8-base: #dfdaf3;
|
|
451
|
+
--ks-color-link-inverted-to-bg-9-base: #eae8f3;
|
|
452
|
+
--ks-color-link-inverted-to-fg-1-base: #613feb;
|
|
453
|
+
--ks-color-link-inverted-to-fg-2-base: #5a3ada;
|
|
454
|
+
--ks-color-link-inverted-to-fg-3-base: #4f34c2;
|
|
455
|
+
--ks-color-link-inverted-to-fg-4-base: #422da6;
|
|
456
|
+
--ks-color-link-inverted-to-fg-5-base: #36258b;
|
|
457
|
+
--ks-color-link-inverted-to-fg-6-base: #2a1d6f;
|
|
458
|
+
--ks-color-link-inverted-to-fg-7-base: #1d1653;
|
|
459
|
+
--ks-color-link-inverted-to-fg-8-base: #12103b;
|
|
460
|
+
--ks-color-link-inverted-to-fg-9-base: #0b0b2a;
|
|
437
461
|
--ks-color-positive-base: #6edb64;
|
|
438
462
|
--ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
|
|
439
463
|
--ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
|
|
@@ -444,24 +468,24 @@
|
|
|
444
468
|
--ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
|
|
445
469
|
--ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
|
|
446
470
|
--ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
|
|
447
|
-
--ks-color-positive-to-bg-1-base: #
|
|
448
|
-
--ks-color-positive-to-bg-2-base: #
|
|
449
|
-
--ks-color-positive-to-bg-3-base: #
|
|
450
|
-
--ks-color-positive-to-bg-4-base: #
|
|
451
|
-
--ks-color-positive-to-bg-5-base: #
|
|
452
|
-
--ks-color-positive-to-bg-6-base: #
|
|
453
|
-
--ks-color-positive-to-bg-7-base: #
|
|
454
|
-
--ks-color-positive-to-bg-8-base: #
|
|
455
|
-
--ks-color-positive-to-bg-9-base: #
|
|
456
|
-
--ks-color-positive-to-fg-1-base: #
|
|
457
|
-
--ks-color-positive-to-fg-2-base: #
|
|
458
|
-
--ks-color-positive-to-fg-3-base: #
|
|
459
|
-
--ks-color-positive-to-fg-4-base: #
|
|
460
|
-
--ks-color-positive-to-fg-5-base: #
|
|
461
|
-
--ks-color-positive-to-fg-6-base: #
|
|
462
|
-
--ks-color-positive-to-fg-7-base: #
|
|
463
|
-
--ks-color-positive-to-fg-8-base: #
|
|
464
|
-
--ks-color-positive-to-fg-9-base: #
|
|
471
|
+
--ks-color-positive-to-bg-1-base: #69d061;
|
|
472
|
+
--ks-color-positive-to-bg-2-base: #60c05b;
|
|
473
|
+
--ks-color-positive-to-bg-3-base: #55a853;
|
|
474
|
+
--ks-color-positive-to-bg-4-base: #488d4a;
|
|
475
|
+
--ks-color-positive-to-bg-5-base: #3a7242;
|
|
476
|
+
--ks-color-positive-to-bg-6-base: #2c5639;
|
|
477
|
+
--ks-color-positive-to-bg-7-base: #1f3b30;
|
|
478
|
+
--ks-color-positive-to-bg-8-base: #142328;
|
|
479
|
+
--ks-color-positive-to-bg-9-base: #0b1322;
|
|
480
|
+
--ks-color-positive-to-fg-1-base: #75dd6c;
|
|
481
|
+
--ks-color-positive-to-fg-2-base: #81e078;
|
|
482
|
+
--ks-color-positive-to-fg-3-base: #91e489;
|
|
483
|
+
--ks-color-positive-to-fg-4-base: #a4e89d;
|
|
484
|
+
--ks-color-positive-to-fg-5-base: #b7edb2;
|
|
485
|
+
--ks-color-positive-to-fg-6-base: #c9f2c6;
|
|
486
|
+
--ks-color-positive-to-fg-7-base: #dcf6da;
|
|
487
|
+
--ks-color-positive-to-fg-8-base: #ecfaeb;
|
|
488
|
+
--ks-color-positive-to-fg-9-base: #f8fdf7;
|
|
465
489
|
--ks-color-positive-inverted-base: #23831b;
|
|
466
490
|
--ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
|
|
467
491
|
--ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
|
|
@@ -472,24 +496,24 @@
|
|
|
472
496
|
--ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
|
|
473
497
|
--ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
|
|
474
498
|
--ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
|
|
475
|
-
--ks-color-positive-inverted-to-bg-1-base: #
|
|
476
|
-
--ks-color-positive-inverted-to-bg-2-base: #
|
|
477
|
-
--ks-color-positive-inverted-to-bg-3-base: #
|
|
478
|
-
--ks-color-positive-inverted-to-bg-4-base: #
|
|
479
|
-
--ks-color-positive-inverted-to-bg-5-base: #
|
|
480
|
-
--ks-color-positive-inverted-to-bg-6-base: #
|
|
481
|
-
--ks-color-positive-inverted-to-bg-7-base: #
|
|
482
|
-
--ks-color-positive-inverted-to-bg-8-base: #
|
|
483
|
-
--ks-color-positive-inverted-to-bg-9-base: #
|
|
484
|
-
--ks-color-positive-inverted-to-fg-1-base: #
|
|
485
|
-
--ks-color-positive-inverted-to-fg-2-base: #
|
|
486
|
-
--ks-color-positive-inverted-to-fg-3-base: #
|
|
487
|
-
--ks-color-positive-inverted-to-fg-4-base: #
|
|
488
|
-
--ks-color-positive-inverted-to-fg-5-base: #
|
|
489
|
-
--ks-color-positive-inverted-to-fg-6-base: #
|
|
490
|
-
--ks-color-positive-inverted-to-fg-7-base: #
|
|
491
|
-
--ks-color-positive-inverted-to-fg-8-base: #
|
|
492
|
-
--ks-color-positive-inverted-to-fg-9-base: #
|
|
499
|
+
--ks-color-positive-inverted-to-bg-1-base: #2d8926;
|
|
500
|
+
--ks-color-positive-inverted-to-bg-2-base: #3e9137;
|
|
501
|
+
--ks-color-positive-inverted-to-bg-3-base: #549d4f;
|
|
502
|
+
--ks-color-positive-inverted-to-bg-4-base: #6fac6b;
|
|
503
|
+
--ks-color-positive-inverted-to-bg-5-base: #8aba87;
|
|
504
|
+
--ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
|
|
505
|
+
--ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
|
|
506
|
+
--ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
|
|
507
|
+
--ks-color-positive-inverted-to-bg-9-base: #e7ece8;
|
|
508
|
+
--ks-color-positive-inverted-to-fg-1-base: #227d1b;
|
|
509
|
+
--ks-color-positive-inverted-to-fg-2-base: #1f731c;
|
|
510
|
+
--ks-color-positive-inverted-to-fg-3-base: #1c651c;
|
|
511
|
+
--ks-color-positive-inverted-to-fg-4-base: #18551c;
|
|
512
|
+
--ks-color-positive-inverted-to-fg-5-base: #15461d;
|
|
513
|
+
--ks-color-positive-inverted-to-fg-6-base: #11361e;
|
|
514
|
+
--ks-color-positive-inverted-to-fg-7-base: #0d261e;
|
|
515
|
+
--ks-color-positive-inverted-to-fg-8-base: #0a181e;
|
|
516
|
+
--ks-color-positive-inverted-to-fg-9-base: #070e1f;
|
|
493
517
|
--ks-color-informative-base: #64c2db;
|
|
494
518
|
--ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
|
|
495
519
|
--ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
|
|
@@ -500,24 +524,24 @@
|
|
|
500
524
|
--ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
|
|
501
525
|
--ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
|
|
502
526
|
--ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
|
|
503
|
-
--ks-color-informative-to-bg-1-base: #
|
|
504
|
-
--ks-color-informative-to-bg-2-base: #
|
|
505
|
-
--ks-color-informative-to-bg-3-base: #
|
|
506
|
-
--ks-color-informative-to-bg-4-base: #
|
|
507
|
-
--ks-color-informative-to-bg-5-base: #
|
|
508
|
-
--ks-color-informative-to-bg-6-base: #
|
|
509
|
-
--ks-color-informative-to-bg-7-base: #
|
|
510
|
-
--ks-color-informative-to-bg-8-base: #
|
|
511
|
-
--ks-color-informative-to-bg-9-base: #
|
|
512
|
-
--ks-color-informative-to-fg-1-base: #
|
|
513
|
-
--ks-color-informative-to-fg-2-base: #
|
|
514
|
-
--ks-color-informative-to-fg-3-base: #
|
|
515
|
-
--ks-color-informative-to-fg-4-base: #
|
|
516
|
-
--ks-color-informative-to-fg-5-base: #
|
|
517
|
-
--ks-color-informative-to-fg-6-base: #
|
|
518
|
-
--ks-color-informative-to-fg-7-base: #
|
|
519
|
-
--ks-color-informative-to-fg-8-base: #
|
|
520
|
-
--ks-color-informative-to-fg-9-base: #
|
|
527
|
+
--ks-color-informative-to-bg-1-base: #5fb9d2;
|
|
528
|
+
--ks-color-informative-to-bg-2-base: #58aac3;
|
|
529
|
+
--ks-color-informative-to-bg-3-base: #4d95ae;
|
|
530
|
+
--ks-color-informative-to-bg-4-base: #417d95;
|
|
531
|
+
--ks-color-informative-to-bg-5-base: #35657d;
|
|
532
|
+
--ks-color-informative-to-bg-6-base: #294d65;
|
|
533
|
+
--ks-color-informative-to-bg-7-base: #1d354c;
|
|
534
|
+
--ks-color-informative-to-bg-8-base: #122037;
|
|
535
|
+
--ks-color-informative-to-bg-9-base: #0b1128;
|
|
536
|
+
--ks-color-informative-to-fg-1-base: #6cc5dd;
|
|
537
|
+
--ks-color-informative-to-fg-2-base: #78cae0;
|
|
538
|
+
--ks-color-informative-to-fg-3-base: #89d1e4;
|
|
539
|
+
--ks-color-informative-to-fg-4-base: #9dd9e8;
|
|
540
|
+
--ks-color-informative-to-fg-5-base: #b2e1ed;
|
|
541
|
+
--ks-color-informative-to-fg-6-base: #c6e8f2;
|
|
542
|
+
--ks-color-informative-to-fg-7-base: #daf0f6;
|
|
543
|
+
--ks-color-informative-to-fg-8-base: #ebf7fa;
|
|
544
|
+
--ks-color-informative-to-fg-9-base: #f7fcfd;
|
|
521
545
|
--ks-color-informative-inverted-base: #00718f;
|
|
522
546
|
--ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
|
|
523
547
|
--ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
|
|
@@ -528,24 +552,24 @@
|
|
|
528
552
|
--ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
|
|
529
553
|
--ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
|
|
530
554
|
--ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
|
|
531
|
-
--ks-color-informative-inverted-to-bg-1-base: #
|
|
532
|
-
--ks-color-informative-inverted-to-bg-2-base: #
|
|
533
|
-
--ks-color-informative-inverted-to-bg-3-base: #
|
|
534
|
-
--ks-color-informative-inverted-to-bg-4-base: #
|
|
535
|
-
--ks-color-informative-inverted-to-bg-5-base: #
|
|
536
|
-
--ks-color-informative-inverted-to-bg-6-base: #
|
|
537
|
-
--ks-color-informative-inverted-to-bg-7-base: #
|
|
538
|
-
--ks-color-informative-inverted-to-bg-8-base: #
|
|
539
|
-
--ks-color-informative-inverted-to-bg-9-base: #
|
|
540
|
-
--ks-color-informative-inverted-to-fg-1-base: #
|
|
541
|
-
--ks-color-informative-inverted-to-fg-2-base: #
|
|
542
|
-
--ks-color-informative-inverted-to-fg-3-base: #
|
|
543
|
-
--ks-color-informative-inverted-to-fg-4-base: #
|
|
544
|
-
--ks-color-informative-inverted-to-fg-5-base: #
|
|
545
|
-
--ks-color-informative-inverted-to-fg-6-base: #
|
|
546
|
-
--ks-color-informative-inverted-to-fg-7-base: #
|
|
547
|
-
--ks-color-informative-inverted-to-fg-8-base: #
|
|
548
|
-
--ks-color-informative-inverted-to-fg-9-base: #
|
|
555
|
+
--ks-color-informative-inverted-to-bg-1-base: #0c7794;
|
|
556
|
+
--ks-color-informative-inverted-to-bg-2-base: #1f829c;
|
|
557
|
+
--ks-color-informative-inverted-to-bg-3-base: #3a90a7;
|
|
558
|
+
--ks-color-informative-inverted-to-bg-4-base: #59a0b4;
|
|
559
|
+
--ks-color-informative-inverted-to-bg-5-base: #79b1c1;
|
|
560
|
+
--ks-color-informative-inverted-to-bg-6-base: #98c2ce;
|
|
561
|
+
--ks-color-informative-inverted-to-bg-7-base: #b7d2db;
|
|
562
|
+
--ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
|
|
563
|
+
--ks-color-informative-inverted-to-bg-9-base: #e5ebee;
|
|
564
|
+
--ks-color-informative-inverted-to-fg-1-base: #006c89;
|
|
565
|
+
--ks-color-informative-inverted-to-fg-2-base: #016380;
|
|
566
|
+
--ks-color-informative-inverted-to-fg-3-base: #015874;
|
|
567
|
+
--ks-color-informative-inverted-to-fg-4-base: #024a66;
|
|
568
|
+
--ks-color-informative-inverted-to-fg-5-base: #033d57;
|
|
569
|
+
--ks-color-informative-inverted-to-fg-6-base: #042f48;
|
|
570
|
+
--ks-color-informative-inverted-to-fg-7-base: #05213a;
|
|
571
|
+
--ks-color-informative-inverted-to-fg-8-base: #05162e;
|
|
572
|
+
--ks-color-informative-inverted-to-fg-9-base: #060d25;
|
|
549
573
|
--ks-color-notice-base: #f9de55;
|
|
550
574
|
--ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
|
|
551
575
|
--ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
|
|
@@ -556,24 +580,24 @@
|
|
|
556
580
|
--ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
|
|
557
581
|
--ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
|
|
558
582
|
--ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
|
|
559
|
-
--ks-color-notice-to-bg-1-base: #
|
|
560
|
-
--ks-color-notice-to-bg-2-base: #
|
|
561
|
-
--ks-color-notice-to-bg-3-base: #
|
|
562
|
-
--ks-color-notice-to-bg-4-base: #
|
|
563
|
-
--ks-color-notice-to-bg-5-base: #
|
|
564
|
-
--ks-color-notice-to-bg-6-base: #
|
|
565
|
-
--ks-color-notice-to-bg-7-base: #
|
|
566
|
-
--ks-color-notice-to-bg-8-base: #
|
|
567
|
-
--ks-color-notice-to-bg-9-base: #
|
|
568
|
-
--ks-color-notice-to-fg-1-base: #
|
|
569
|
-
--ks-color-notice-to-fg-2-base: #
|
|
570
|
-
--ks-color-notice-to-fg-3-base: #
|
|
571
|
-
--ks-color-notice-to-fg-4-base: #
|
|
572
|
-
--ks-color-notice-to-fg-5-base: #
|
|
573
|
-
--ks-color-notice-to-fg-6-base: #
|
|
574
|
-
--ks-color-notice-to-fg-7-base: #
|
|
575
|
-
--ks-color-notice-to-fg-8-base: #
|
|
576
|
-
--ks-color-notice-to-fg-9-base: #
|
|
583
|
+
--ks-color-notice-to-bg-1-base: #edd352;
|
|
584
|
+
--ks-color-notice-to-bg-2-base: #d9c24e;
|
|
585
|
+
--ks-color-notice-to-bg-3-base: #bfab48;
|
|
586
|
+
--ks-color-notice-to-bg-4-base: #9f8f41;
|
|
587
|
+
--ks-color-notice-to-bg-5-base: #80733a;
|
|
588
|
+
--ks-color-notice-to-bg-6-base: #605733;
|
|
589
|
+
--ks-color-notice-to-bg-7-base: #403b2c;
|
|
590
|
+
--ks-color-notice-to-bg-8-base: #262426;
|
|
591
|
+
--ks-color-notice-to-bg-9-base: #121322;
|
|
592
|
+
--ks-color-notice-to-fg-1-base: #f9e05e;
|
|
593
|
+
--ks-color-notice-to-fg-2-base: #fae26b;
|
|
594
|
+
--ks-color-notice-to-fg-3-base: #fae67e;
|
|
595
|
+
--ks-color-notice-to-fg-4-base: #fbea94;
|
|
596
|
+
--ks-color-notice-to-fg-5-base: #fcefaa;
|
|
597
|
+
--ks-color-notice-to-fg-6-base: #fdf3c0;
|
|
598
|
+
--ks-color-notice-to-fg-7-base: #fef7d6;
|
|
599
|
+
--ks-color-notice-to-fg-8-base: #fefbe9;
|
|
600
|
+
--ks-color-notice-to-fg-9-base: #fffdf7;
|
|
577
601
|
--ks-color-notice-inverted-base: #ff5d53;
|
|
578
602
|
--ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
|
|
579
603
|
--ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
|
|
@@ -584,24 +608,24 @@
|
|
|
584
608
|
--ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
|
|
585
609
|
--ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
|
|
586
610
|
--ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
|
|
587
|
-
--ks-color-notice-inverted-to-bg-1-base: #
|
|
588
|
-
--ks-color-notice-inverted-to-bg-2-base: #
|
|
589
|
-
--ks-color-notice-inverted-to-bg-3-base: #
|
|
590
|
-
--ks-color-notice-inverted-to-bg-4-base: #
|
|
591
|
-
--ks-color-notice-inverted-to-bg-5-base: #
|
|
592
|
-
--ks-color-notice-inverted-to-bg-6-base: #
|
|
593
|
-
--ks-color-notice-inverted-to-bg-7-base: #
|
|
594
|
-
--ks-color-notice-inverted-to-bg-8-base: #
|
|
595
|
-
--ks-color-notice-inverted-to-bg-9-base: #
|
|
596
|
-
--ks-color-notice-inverted-to-fg-1-base: #
|
|
597
|
-
--ks-color-notice-inverted-to-fg-2-base: #
|
|
598
|
-
--ks-color-notice-inverted-to-fg-3-base: #
|
|
599
|
-
--ks-color-notice-inverted-to-fg-4-base: #
|
|
600
|
-
--ks-color-notice-inverted-to-fg-5-base: #
|
|
601
|
-
--ks-color-notice-inverted-to-fg-6-base: #
|
|
602
|
-
--ks-color-notice-inverted-to-fg-7-base: #
|
|
603
|
-
--ks-color-notice-inverted-to-fg-8-base: #
|
|
604
|
-
--ks-color-notice-inverted-to-fg-9-base: #
|
|
611
|
+
--ks-color-notice-inverted-to-bg-1-base: #fe645b;
|
|
612
|
+
--ks-color-notice-inverted-to-bg-2-base: #fd7068;
|
|
613
|
+
--ks-color-notice-inverted-to-bg-3-base: #fc8179;
|
|
614
|
+
--ks-color-notice-inverted-to-bg-4-base: #fa948e;
|
|
615
|
+
--ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
|
|
616
|
+
--ks-color-notice-inverted-to-bg-6-base: #f6bab8;
|
|
617
|
+
--ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
|
|
618
|
+
--ks-color-notice-inverted-to-bg-8-base: #f3dede;
|
|
619
|
+
--ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
|
|
620
|
+
--ks-color-notice-inverted-to-fg-1-base: #f35950;
|
|
621
|
+
--ks-color-notice-inverted-to-fg-2-base: #df524c;
|
|
622
|
+
--ks-color-notice-inverted-to-fg-3-base: #c34947;
|
|
623
|
+
--ks-color-notice-inverted-to-fg-4-base: #a33e40;
|
|
624
|
+
--ks-color-notice-inverted-to-fg-5-base: #833339;
|
|
625
|
+
--ks-color-notice-inverted-to-fg-6-base: #622732;
|
|
626
|
+
--ks-color-notice-inverted-to-fg-7-base: #421c2b;
|
|
627
|
+
--ks-color-notice-inverted-to-fg-8-base: #261326;
|
|
628
|
+
--ks-color-notice-inverted-to-fg-9-base: #120c22;
|
|
605
629
|
--ks-color-negative-base: #ff1a57;
|
|
606
630
|
--ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
|
|
607
631
|
--ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
|
|
@@ -612,24 +636,24 @@
|
|
|
612
636
|
--ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
|
|
613
637
|
--ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
|
|
614
638
|
--ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
|
|
615
|
-
--ks-color-negative-to-bg-1-base: #
|
|
616
|
-
--ks-color-negative-to-bg-2-base: #
|
|
617
|
-
--ks-color-negative-to-bg-3-base: #
|
|
618
|
-
--ks-color-negative-to-bg-4-base: #
|
|
619
|
-
--ks-color-negative-to-bg-5-base: #
|
|
620
|
-
--ks-color-negative-to-bg-6-base: #
|
|
621
|
-
--ks-color-negative-to-bg-7-base: #
|
|
622
|
-
--ks-color-negative-to-bg-8-base: #
|
|
623
|
-
--ks-color-negative-to-bg-9-base: #
|
|
624
|
-
--ks-color-negative-to-fg-1-base: #
|
|
625
|
-
--ks-color-negative-to-fg-2-base: #
|
|
626
|
-
--ks-color-negative-to-fg-3-base: #
|
|
627
|
-
--ks-color-negative-to-fg-4-base: #
|
|
628
|
-
--ks-color-negative-to-fg-5-base: #
|
|
629
|
-
--ks-color-negative-to-fg-6-base: #
|
|
630
|
-
--ks-color-negative-to-fg-7-base: #
|
|
631
|
-
--ks-color-negative-to-fg-8-base: #
|
|
632
|
-
--ks-color-negative-to-fg-9-base: #
|
|
639
|
+
--ks-color-negative-to-bg-1-base: #f31954;
|
|
640
|
+
--ks-color-negative-to-bg-2-base: #df1850;
|
|
641
|
+
--ks-color-negative-to-bg-3-base: #c3164a;
|
|
642
|
+
--ks-color-negative-to-bg-4-base: #a31342;
|
|
643
|
+
--ks-color-negative-to-bg-5-base: #83113b;
|
|
644
|
+
--ks-color-negative-to-bg-6-base: #620f34;
|
|
645
|
+
--ks-color-negative-to-bg-7-base: #420c2c;
|
|
646
|
+
--ks-color-negative-to-bg-8-base: #260a26;
|
|
647
|
+
--ks-color-negative-to-bg-9-base: #120922;
|
|
648
|
+
--ks-color-negative-to-fg-1-base: #ff255f;
|
|
649
|
+
--ks-color-negative-to-fg-2-base: #ff386d;
|
|
650
|
+
--ks-color-negative-to-fg-3-base: #ff517f;
|
|
651
|
+
--ks-color-negative-to-fg-4-base: #ff6f95;
|
|
652
|
+
--ks-color-negative-to-fg-5-base: #ff8dab;
|
|
653
|
+
--ks-color-negative-to-fg-6-base: #ffaac1;
|
|
654
|
+
--ks-color-negative-to-fg-7-base: #ffc8d7;
|
|
655
|
+
--ks-color-negative-to-fg-8-base: #ffe1e9;
|
|
656
|
+
--ks-color-negative-to-fg-9-base: #fff4f7;
|
|
633
657
|
--ks-color-negative-inverted-base: #d21d48;
|
|
634
658
|
--ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
|
|
635
659
|
--ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
|
|
@@ -640,74 +664,123 @@
|
|
|
640
664
|
--ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
|
|
641
665
|
--ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
|
|
642
666
|
--ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
|
|
643
|
-
--ks-color-negative-inverted-to-bg-1-base: #
|
|
644
|
-
--ks-color-negative-inverted-to-bg-2-base: #
|
|
645
|
-
--ks-color-negative-inverted-to-bg-3-base: #
|
|
646
|
-
--ks-color-negative-inverted-to-bg-4-base: #
|
|
647
|
-
--ks-color-negative-inverted-to-bg-5-base: #
|
|
648
|
-
--ks-color-negative-inverted-to-bg-6-base: #
|
|
649
|
-
--ks-color-negative-inverted-to-bg-7-base: #
|
|
650
|
-
--ks-color-negative-inverted-to-bg-8-base: #
|
|
651
|
-
--ks-color-negative-inverted-to-bg-9-base: #
|
|
652
|
-
--ks-color-negative-inverted-to-fg-1-base: #
|
|
653
|
-
--ks-color-negative-inverted-to-fg-2-base: #
|
|
654
|
-
--ks-color-negative-inverted-to-fg-3-base: #
|
|
655
|
-
--ks-color-negative-inverted-to-fg-4-base: #
|
|
656
|
-
--ks-color-negative-inverted-to-fg-5-base: #
|
|
657
|
-
--ks-color-negative-inverted-to-fg-6-base: #
|
|
658
|
-
--ks-color-negative-inverted-to-fg-7-base: #
|
|
659
|
-
--ks-color-negative-inverted-to-fg-8-base: #
|
|
660
|
-
--ks-color-negative-inverted-to-fg-9-base: #
|
|
667
|
+
--ks-color-negative-inverted-to-bg-1-base: #d42851;
|
|
668
|
+
--ks-color-negative-inverted-to-bg-2-base: #d6395e;
|
|
669
|
+
--ks-color-negative-inverted-to-bg-3-base: #d95071;
|
|
670
|
+
--ks-color-negative-inverted-to-bg-4-base: #dd6b87;
|
|
671
|
+
--ks-color-negative-inverted-to-bg-5-base: #e2879e;
|
|
672
|
+
--ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
|
|
673
|
+
--ks-color-negative-inverted-to-bg-7-base: #eabeca;
|
|
674
|
+
--ks-color-negative-inverted-to-bg-8-base: #edd5dd;
|
|
675
|
+
--ks-color-negative-inverted-to-bg-9-base: #efe6ea;
|
|
676
|
+
--ks-color-negative-inverted-to-fg-1-base: #c81c46;
|
|
677
|
+
--ks-color-negative-inverted-to-fg-2-base: #b71a43;
|
|
678
|
+
--ks-color-negative-inverted-to-fg-3-base: #a1183e;
|
|
679
|
+
--ks-color-negative-inverted-to-fg-4-base: #871539;
|
|
680
|
+
--ks-color-negative-inverted-to-fg-5-base: #6c1334;
|
|
681
|
+
--ks-color-negative-inverted-to-fg-6-base: #51102e;
|
|
682
|
+
--ks-color-negative-inverted-to-fg-7-base: #370d29;
|
|
683
|
+
--ks-color-negative-inverted-to-fg-8-base: #210b24;
|
|
684
|
+
--ks-color-negative-inverted-to-fg-9-base: #100921;
|
|
685
|
+
--ks-color-secondary-base: #4d25ef;
|
|
686
|
+
--ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
|
|
687
|
+
--ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
|
|
688
|
+
--ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
|
|
689
|
+
--ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
|
|
690
|
+
--ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
|
|
691
|
+
--ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
|
|
692
|
+
--ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
|
|
693
|
+
--ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
|
|
694
|
+
--ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
|
|
695
|
+
--ks-color-secondary-to-bg-1-base: #4924e5;
|
|
696
|
+
--ks-color-secondary-to-bg-2-base: #4421d4;
|
|
697
|
+
--ks-color-secondary-to-bg-3-base: #3c1ebd;
|
|
698
|
+
--ks-color-secondary-to-bg-4-base: #331aa2;
|
|
699
|
+
--ks-color-secondary-to-bg-5-base: #2a1787;
|
|
700
|
+
--ks-color-secondary-to-bg-6-base: #20136c;
|
|
701
|
+
--ks-color-secondary-to-bg-7-base: #170f51;
|
|
702
|
+
--ks-color-secondary-to-bg-8-base: #0f0c3a;
|
|
703
|
+
--ks-color-secondary-to-bg-9-base: #0a0929;
|
|
704
|
+
--ks-color-secondary-to-fg-1-base: #5630f0;
|
|
705
|
+
--ks-color-secondary-to-fg-2-base: #6441f1;
|
|
706
|
+
--ks-color-secondary-to-fg-3-base: #7859f3;
|
|
707
|
+
--ks-color-secondary-to-fg-4-base: #8f76f5;
|
|
708
|
+
--ks-color-secondary-to-fg-5-base: #a692f7;
|
|
709
|
+
--ks-color-secondary-to-fg-6-base: #bdaef9;
|
|
710
|
+
--ks-color-secondary-to-fg-7-base: #d4cbfb;
|
|
711
|
+
--ks-color-secondary-to-fg-8-base: #e8e3fd;
|
|
712
|
+
--ks-color-secondary-to-fg-9-base: #f6f4fe;
|
|
713
|
+
--ks-color-secondary-inverted-base: #e21879;
|
|
714
|
+
--ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
|
|
715
|
+
--ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
|
|
716
|
+
--ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
|
|
717
|
+
--ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
|
|
718
|
+
--ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
|
|
719
|
+
--ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
|
|
720
|
+
--ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
|
|
721
|
+
--ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
|
|
722
|
+
--ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
|
|
723
|
+
--ks-color-secondary-inverted-to-bg-1-base: #e3237f;
|
|
724
|
+
--ks-color-secondary-inverted-to-bg-2-base: #e43489;
|
|
725
|
+
--ks-color-secondary-inverted-to-bg-3-base: #e64c96;
|
|
726
|
+
--ks-color-secondary-inverted-to-bg-4-base: #e868a6;
|
|
727
|
+
--ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
|
|
728
|
+
--ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
|
|
729
|
+
--ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
|
|
730
|
+
--ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
|
|
731
|
+
--ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
|
|
732
|
+
--ks-color-secondary-inverted-to-fg-1-base: #d71775;
|
|
733
|
+
--ks-color-secondary-inverted-to-fg-2-base: #c5166d;
|
|
734
|
+
--ks-color-secondary-inverted-to-fg-3-base: #ad1463;
|
|
735
|
+
--ks-color-secondary-inverted-to-fg-4-base: #911258;
|
|
736
|
+
--ks-color-secondary-inverted-to-fg-5-base: #74104c;
|
|
737
|
+
--ks-color-secondary-inverted-to-fg-6-base: #570e40;
|
|
738
|
+
--ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
|
|
739
|
+
--ks-color-secondary-inverted-to-fg-8-base: #230a2b;
|
|
740
|
+
--ks-color-secondary-inverted-to-fg-9-base: #110924;
|
|
661
741
|
--ks-depth-modal: 1000;
|
|
662
742
|
--ks-spacing-xxs: var(--ks-spacing-xxs-base);
|
|
663
|
-
--ks-spacing-xxs-base: 0.
|
|
743
|
+
--ks-spacing-xxs-base: 0.3024rem;
|
|
664
744
|
--ks-spacing-xxs-bp-factor-phone: 1.225;
|
|
665
745
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
666
746
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
667
747
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
668
|
-
--ks-spacing-xxs-bp-factor-tv: 2.7585;
|
|
669
748
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
670
|
-
--ks-spacing-xs-base: 0.
|
|
749
|
+
--ks-spacing-xs-base: 0.4309rem;
|
|
671
750
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
672
751
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
673
752
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
674
753
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
675
|
-
--ks-spacing-xs-bp-factor-tv: 2.7585;
|
|
676
754
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
677
|
-
--ks-spacing-s-base: 0.
|
|
755
|
+
--ks-spacing-s-base: 0.614rem;
|
|
678
756
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
679
757
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
680
758
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
681
759
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
682
|
-
--ks-spacing-s-bp-factor-tv: 2.7585;
|
|
683
760
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
684
761
|
--ks-spacing-m-base: 0.875rem;
|
|
685
762
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
686
763
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
687
764
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
688
765
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
689
|
-
--ks-spacing-m-bp-factor-tv: 2.7585;
|
|
690
766
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
691
|
-
--ks-spacing-l-base: 1.
|
|
767
|
+
--ks-spacing-l-base: 1.2469rem;
|
|
692
768
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
693
769
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
694
770
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
695
771
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
696
|
-
--ks-spacing-l-bp-factor-tv: 2.7585;
|
|
697
772
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
698
|
-
--ks-spacing-xl-base: 1.
|
|
773
|
+
--ks-spacing-xl-base: 1.7768rem;
|
|
699
774
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
700
775
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
701
776
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
702
777
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
703
|
-
--ks-spacing-xl-bp-factor-tv: 2.7585;
|
|
704
778
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
705
|
-
--ks-spacing-xxl-base: 2.
|
|
779
|
+
--ks-spacing-xxl-base: 2.5319rem;
|
|
706
780
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
707
781
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
708
782
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
709
783
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
710
|
-
--ks-spacing-xxl-bp-factor-tv: 2.7585;
|
|
711
784
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
712
785
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
713
786
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -733,16 +806,16 @@
|
|
|
733
806
|
--ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
|
|
734
807
|
--ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
|
|
735
808
|
--ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
|
|
736
|
-
--ks-text-color-default-base: var(--ks-color-fg-
|
|
809
|
+
--ks-text-color-default-base: var(--ks-color-fg-base);
|
|
737
810
|
--ks-text-color-default-interactive-base: var(--ks-color-link-base);
|
|
738
|
-
--ks-text-color-default-interactive-hover-base: var(--ks-color-link-
|
|
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-
|
|
811
|
+
--ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
|
|
812
|
+
--ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
|
|
813
|
+
--ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
|
|
814
|
+
--ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
|
|
742
815
|
--ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
|
|
743
|
-
--ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-
|
|
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);
|
|
816
|
+
--ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
|
|
817
|
+
--ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
|
|
818
|
+
--ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
|
|
746
819
|
--ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
|
|
747
820
|
--ks-text-color-copy-interactive-base: var(--ks-color-link-base);
|
|
748
821
|
--ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
|
|
@@ -763,8 +836,8 @@
|
|
|
763
836
|
--ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
|
|
764
837
|
--ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
|
|
765
838
|
--ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
|
|
766
|
-
--ks-text-color-interface-base: var(--ks-color-fg-alpha-
|
|
767
|
-
--ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-
|
|
839
|
+
--ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
|
|
840
|
+
--ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
|
|
768
841
|
--ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
|
|
769
842
|
--ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
|
|
770
843
|
--ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
|
|
@@ -788,7 +861,7 @@
|
|
|
788
861
|
--ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
|
|
789
862
|
--ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
|
|
790
863
|
--ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
|
|
791
|
-
--ks-text-color-primary-inverted-base: var(--ks-color-primary-
|
|
864
|
+
--ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
|
|
792
865
|
--ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
|
|
793
866
|
--ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
|
|
794
867
|
--ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
|
|
@@ -833,6 +906,16 @@
|
|
|
833
906
|
--ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
834
907
|
--ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
835
908
|
--ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
909
|
+
--ks-text-color-secondary-base: var(--ks-color-secondary-base);
|
|
910
|
+
--ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
|
|
911
|
+
--ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
|
|
912
|
+
--ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
|
|
913
|
+
--ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
|
|
914
|
+
--ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
|
|
915
|
+
--ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
916
|
+
--ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
917
|
+
--ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
918
|
+
--ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
836
919
|
--ks-duration-immediate: 50ms;
|
|
837
920
|
--ks-duration-fast: 100ms;
|
|
838
921
|
--ks-duration-medium: 150ms;
|
|
@@ -842,36 +925,37 @@
|
|
|
842
925
|
--ks-timing-function-ease-in: ease-in;
|
|
843
926
|
--ks-timing-function-ease-in-out: ease-in-out;
|
|
844
927
|
--ks-timing-function-linear: linear;
|
|
845
|
-
--ks-transition-collapse: var(--ks-duration-
|
|
928
|
+
--ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
|
|
846
929
|
--ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
|
|
847
|
-
--ks-transition-fade: var(--ks-duration-
|
|
848
|
-
--ks-font-family-display:
|
|
849
|
-
--ks-font-family-copy:
|
|
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;
|
|
930
|
+
--ks-transition-fade: var(--ks-duration-fast) var(--ks-timing-function-ease-out);
|
|
931
|
+
--ks-font-family-display: Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
|
|
932
|
+
--ks-font-family-copy: Mulish, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
933
|
+
--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;
|
|
851
934
|
--ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
|
|
852
935
|
--ks-font-weight-light: 300;
|
|
853
936
|
--ks-font-weight-regular: 400;
|
|
854
|
-
--ks-font-weight-
|
|
937
|
+
--ks-font-weight-medium: 500;
|
|
938
|
+
--ks-font-weight-semi-bold: 600;
|
|
855
939
|
--ks-font-weight-bold: 700;
|
|
856
|
-
--ks-font-size-display-bp-factor-phone: 1;
|
|
857
|
-
--ks-font-size-display-bp-factor-tablet: 1.
|
|
858
|
-
--ks-font-size-display-bp-factor-laptop: 1.
|
|
859
|
-
--ks-font-size-display-bp-factor-desktop: 1.
|
|
860
|
-
--ks-font-size-display-xxs-base: 0.
|
|
861
|
-
--ks-font-size-display-xs-base: 0.
|
|
862
|
-
--ks-font-size-display-s-base:
|
|
863
|
-
--ks-font-size-display-m-base:
|
|
864
|
-
--ks-font-size-display-l-base: 1.
|
|
865
|
-
--ks-font-size-display-xl-base: 1.
|
|
866
|
-
--ks-font-size-display-xxl-base:
|
|
940
|
+
--ks-font-size-display-bp-factor-phone: 1.125;
|
|
941
|
+
--ks-font-size-display-bp-factor-tablet: 1.25;
|
|
942
|
+
--ks-font-size-display-bp-factor-laptop: 1.5;
|
|
943
|
+
--ks-font-size-display-bp-factor-desktop: 1.75;
|
|
944
|
+
--ks-font-size-display-xxs-base: 0.68rem;
|
|
945
|
+
--ks-font-size-display-xs-base: 0.833rem;
|
|
946
|
+
--ks-font-size-display-s-base: 1.0204rem;
|
|
947
|
+
--ks-font-size-display-m-base: 1.25rem;
|
|
948
|
+
--ks-font-size-display-l-base: 1.5313rem;
|
|
949
|
+
--ks-font-size-display-xl-base: 1.8758rem;
|
|
950
|
+
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
867
951
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
868
|
-
--ks-font-size-copy-xxs-base: 0.
|
|
869
|
-
--ks-font-size-copy-xs-base: 0.
|
|
870
|
-
--ks-font-size-copy-s-base: 0.
|
|
871
|
-
--ks-font-size-copy-m-base:
|
|
872
|
-
--ks-font-size-copy-l-base: 1.
|
|
873
|
-
--ks-font-size-copy-xl-base: 1.
|
|
874
|
-
--ks-font-size-copy-xxl-base:
|
|
952
|
+
--ks-font-size-copy-xxs-base: 0.612rem;
|
|
953
|
+
--ks-font-size-copy-xs-base: 0.7497rem;
|
|
954
|
+
--ks-font-size-copy-s-base: 0.9184rem;
|
|
955
|
+
--ks-font-size-copy-m-base: 1.125rem;
|
|
956
|
+
--ks-font-size-copy-l-base: 1.3781rem;
|
|
957
|
+
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
958
|
+
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
875
959
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
876
960
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
877
961
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
@@ -881,13 +965,13 @@
|
|
|
881
965
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
882
966
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
883
967
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
884
|
-
--ks-font-size-mono-xxs-base: 0.
|
|
885
|
-
--ks-font-size-mono-xs-base: 0.
|
|
886
|
-
--ks-font-size-mono-s-base: 0.
|
|
887
|
-
--ks-font-size-mono-m-base:
|
|
888
|
-
--ks-font-size-mono-l-base: 1.
|
|
889
|
-
--ks-font-size-mono-xl-base: 1.
|
|
890
|
-
--ks-font-size-mono-xxl-base:
|
|
968
|
+
--ks-font-size-mono-xxs-base: 0.612rem;
|
|
969
|
+
--ks-font-size-mono-xs-base: 0.7497rem;
|
|
970
|
+
--ks-font-size-mono-s-base: 0.9184rem;
|
|
971
|
+
--ks-font-size-mono-m-base: 1.125rem;
|
|
972
|
+
--ks-font-size-mono-l-base: 1.3781rem;
|
|
973
|
+
--ks-font-size-mono-xl-base: 1.6882rem;
|
|
974
|
+
--ks-font-size-mono-xxl-base: 2.068rem;
|
|
891
975
|
--ks-line-height-display-xxs: 1.15;
|
|
892
976
|
--ks-line-height-display-xs: 1.15;
|
|
893
977
|
--ks-line-height-display-s: 1.15;
|
|
@@ -986,7 +1070,7 @@
|
|
|
986
1070
|
--ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
|
|
987
1071
|
--ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
|
|
988
1072
|
--ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
|
|
989
|
-
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"
|
|
1073
|
+
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
|
|
990
1074
|
}
|
|
991
1075
|
:root, [ks-theme], [ks-inverted=false] {
|
|
992
1076
|
--ks-background-color-accent: var(--ks-background-color-accent-base);
|
|
@@ -1089,6 +1173,18 @@
|
|
|
1089
1173
|
--ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
|
|
1090
1174
|
--ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
|
|
1091
1175
|
--ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
|
|
1176
|
+
--ks-background-color-secondary: var(--ks-background-color-secondary-base);
|
|
1177
|
+
--ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
|
|
1178
|
+
--ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
|
|
1179
|
+
--ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
|
|
1180
|
+
--ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
|
|
1181
|
+
--ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
|
|
1182
|
+
--ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
|
|
1183
|
+
--ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
|
|
1184
|
+
--ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
|
|
1185
|
+
--ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
|
|
1186
|
+
--ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
|
|
1187
|
+
--ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
|
|
1092
1188
|
--ks-border-color-accent: var(--ks-border-color-accent-base);
|
|
1093
1189
|
--ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
|
|
1094
1190
|
--ks-border-color-clear: var(--ks-border-color-clear-base);
|
|
@@ -1187,6 +1283,18 @@
|
|
|
1187
1283
|
--ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
|
|
1188
1284
|
--ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
|
|
1189
1285
|
--ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
|
|
1286
|
+
--ks-border-color-secondary: var(--ks-border-color-secondary-base);
|
|
1287
|
+
--ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
|
|
1288
|
+
--ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
|
|
1289
|
+
--ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
|
|
1290
|
+
--ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
|
|
1291
|
+
--ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
|
|
1292
|
+
--ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
|
|
1293
|
+
--ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
|
|
1294
|
+
--ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
|
|
1295
|
+
--ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
|
|
1296
|
+
--ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
|
|
1297
|
+
--ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
|
|
1190
1298
|
--ks-color-fg: var(--ks-color-fg-base);
|
|
1191
1299
|
--ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
|
|
1192
1300
|
--ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
|
|
@@ -1600,6 +1708,62 @@
|
|
|
1600
1708
|
--ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
|
|
1601
1709
|
--ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
|
|
1602
1710
|
--ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
|
|
1711
|
+
--ks-color-secondary: var(--ks-color-secondary-base);
|
|
1712
|
+
--ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
|
|
1713
|
+
--ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
|
|
1714
|
+
--ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
|
|
1715
|
+
--ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
|
|
1716
|
+
--ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
|
|
1717
|
+
--ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
|
|
1718
|
+
--ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
|
|
1719
|
+
--ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
|
|
1720
|
+
--ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
|
|
1721
|
+
--ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
|
|
1722
|
+
--ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
|
|
1723
|
+
--ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
|
|
1724
|
+
--ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
|
|
1725
|
+
--ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
|
|
1726
|
+
--ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
|
|
1727
|
+
--ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
|
|
1728
|
+
--ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
|
|
1729
|
+
--ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
|
|
1730
|
+
--ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
|
|
1731
|
+
--ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
|
|
1732
|
+
--ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
|
|
1733
|
+
--ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
|
|
1734
|
+
--ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
|
|
1735
|
+
--ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
|
|
1736
|
+
--ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
|
|
1737
|
+
--ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
|
|
1738
|
+
--ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
|
|
1739
|
+
--ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
|
|
1740
|
+
--ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
|
|
1741
|
+
--ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
1742
|
+
--ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
|
|
1743
|
+
--ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
|
|
1744
|
+
--ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
1745
|
+
--ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
|
|
1746
|
+
--ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
|
|
1747
|
+
--ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
|
|
1748
|
+
--ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
|
|
1749
|
+
--ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
|
|
1750
|
+
--ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
1751
|
+
--ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
|
|
1752
|
+
--ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
1753
|
+
--ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
|
|
1754
|
+
--ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
|
|
1755
|
+
--ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
|
|
1756
|
+
--ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
|
|
1757
|
+
--ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
|
|
1758
|
+
--ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
|
|
1759
|
+
--ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
|
|
1760
|
+
--ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
|
|
1761
|
+
--ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
|
|
1762
|
+
--ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
|
|
1763
|
+
--ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
|
|
1764
|
+
--ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
|
|
1765
|
+
--ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
|
|
1766
|
+
--ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
|
|
1603
1767
|
--ks-text-color-default: var(--ks-text-color-default-base);
|
|
1604
1768
|
--ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
|
|
1605
1769
|
--ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
|
|
@@ -1700,6 +1864,16 @@
|
|
|
1700
1864
|
--ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
|
|
1701
1865
|
--ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
|
|
1702
1866
|
--ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
|
|
1867
|
+
--ks-text-color-secondary: var(--ks-text-color-secondary-base);
|
|
1868
|
+
--ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
|
|
1869
|
+
--ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
|
|
1870
|
+
--ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
|
|
1871
|
+
--ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
|
|
1872
|
+
--ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
|
|
1873
|
+
--ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
|
|
1874
|
+
--ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
|
|
1875
|
+
--ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
|
|
1876
|
+
--ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
|
|
1703
1877
|
}
|
|
1704
1878
|
[ks-inverted=true] {
|
|
1705
1879
|
--ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
|
|
@@ -1802,6 +1976,18 @@
|
|
|
1802
1976
|
--ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
|
|
1803
1977
|
--ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
|
|
1804
1978
|
--ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
|
|
1979
|
+
--ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
|
|
1980
|
+
--ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
|
|
1981
|
+
--ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
|
|
1982
|
+
--ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
|
|
1983
|
+
--ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
|
|
1984
|
+
--ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
|
|
1985
|
+
--ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
|
|
1986
|
+
--ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
|
|
1987
|
+
--ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
|
|
1988
|
+
--ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
|
|
1989
|
+
--ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
|
|
1990
|
+
--ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
|
|
1805
1991
|
--ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
|
|
1806
1992
|
--ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
|
|
1807
1993
|
--ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
|
|
@@ -1900,6 +2086,18 @@
|
|
|
1900
2086
|
--ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
|
|
1901
2087
|
--ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
|
|
1902
2088
|
--ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
|
|
2089
|
+
--ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
|
|
2090
|
+
--ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
|
|
2091
|
+
--ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
|
|
2092
|
+
--ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
|
|
2093
|
+
--ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
|
|
2094
|
+
--ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
|
|
2095
|
+
--ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
|
|
2096
|
+
--ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
|
|
2097
|
+
--ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
|
|
2098
|
+
--ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
|
|
2099
|
+
--ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
|
|
2100
|
+
--ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
|
|
1903
2101
|
--ks-color-fg: var(--ks-color-fg-inverted-base);
|
|
1904
2102
|
--ks-color-fg-inverted: var(--ks-color-fg-base);
|
|
1905
2103
|
--ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
|
|
@@ -2312,6 +2510,62 @@
|
|
|
2312
2510
|
--ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
|
|
2313
2511
|
--ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
|
|
2314
2512
|
--ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
|
|
2513
|
+
--ks-color-secondary: var(--ks-color-secondary-inverted-base);
|
|
2514
|
+
--ks-color-secondary-inverted: var(--ks-color-secondary-base);
|
|
2515
|
+
--ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
|
|
2516
|
+
--ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
|
|
2517
|
+
--ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
2518
|
+
--ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
|
|
2519
|
+
--ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
|
|
2520
|
+
--ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
|
|
2521
|
+
--ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
|
|
2522
|
+
--ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
|
|
2523
|
+
--ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
2524
|
+
--ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
|
|
2525
|
+
--ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
|
|
2526
|
+
--ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
|
|
2527
|
+
--ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
|
|
2528
|
+
--ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
|
|
2529
|
+
--ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
|
|
2530
|
+
--ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
|
|
2531
|
+
--ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
|
|
2532
|
+
--ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
|
|
2533
|
+
--ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
|
|
2534
|
+
--ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
|
|
2535
|
+
--ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
2536
|
+
--ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
|
|
2537
|
+
--ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
|
|
2538
|
+
--ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
|
|
2539
|
+
--ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
2540
|
+
--ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
|
|
2541
|
+
--ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
|
|
2542
|
+
--ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
|
|
2543
|
+
--ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
|
|
2544
|
+
--ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
|
|
2545
|
+
--ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
|
|
2546
|
+
--ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
|
|
2547
|
+
--ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
|
|
2548
|
+
--ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
|
|
2549
|
+
--ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
|
|
2550
|
+
--ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
|
|
2551
|
+
--ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
|
|
2552
|
+
--ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
|
|
2553
|
+
--ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
|
|
2554
|
+
--ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
|
|
2555
|
+
--ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
|
|
2556
|
+
--ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
|
|
2557
|
+
--ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
|
|
2558
|
+
--ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
|
|
2559
|
+
--ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
|
|
2560
|
+
--ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
|
|
2561
|
+
--ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
|
|
2562
|
+
--ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
|
|
2563
|
+
--ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
|
|
2564
|
+
--ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
|
|
2565
|
+
--ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
|
|
2566
|
+
--ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
|
|
2567
|
+
--ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
|
|
2568
|
+
--ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
|
|
2315
2569
|
--ks-text-color-default: var(--ks-text-color-default-inverted-base);
|
|
2316
2570
|
--ks-text-color-default-inverted: var(--ks-text-color-default-base);
|
|
2317
2571
|
--ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
|
|
@@ -2412,6 +2666,16 @@
|
|
|
2412
2666
|
--ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
|
|
2413
2667
|
--ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
|
|
2414
2668
|
--ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
|
|
2669
|
+
--ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
|
|
2670
|
+
--ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
|
|
2671
|
+
--ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
|
|
2672
|
+
--ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
|
|
2673
|
+
--ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
|
|
2674
|
+
--ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
|
|
2675
|
+
--ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
|
|
2676
|
+
--ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
|
|
2677
|
+
--ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
|
|
2678
|
+
--ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
|
|
2415
2679
|
}
|
|
2416
2680
|
@media (min-width: 36em) {
|
|
2417
2681
|
:root {
|
|
@@ -2463,15 +2727,4 @@
|
|
|
2463
2727
|
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
|
|
2464
2728
|
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
|
|
2465
2729
|
}
|
|
2466
|
-
}
|
|
2467
|
-
@media (min-width: 122em) {
|
|
2468
|
-
:root {
|
|
2469
|
-
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
|
|
2470
|
-
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
|
|
2471
|
-
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
|
|
2472
|
-
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
|
|
2473
|
-
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
|
|
2474
|
-
--ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
|
|
2475
|
-
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
|
|
2476
|
-
}
|
|
2477
2730
|
}
|