@dialpad/dialtone 9.21.0 → 9.22.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/css/CHANGELOG.json +1 -1
- package/dist/css/dialtone.css +98 -85
- package/dist/css/dialtone.min.css +1 -1
- package/dist/tokens/android/java/tokens-dark.kt +1 -1
- package/dist/tokens/android/java/tokens-light.kt +1 -1
- package/dist/tokens/android/res/values/colors-dark.xml +1 -1
- package/dist/tokens/android/res/values/colors-light.xml +1 -1
- package/dist/tokens/android/res/values/dimens.xml +1 -1
- package/dist/tokens/css/variables-dark.css +32 -32
- package/dist/tokens/css/variables-light.css +32 -32
- package/dist/tokens/doc.json +186 -186
- package/dist/tokens/ios/tokens-dark.swift +1 -1
- package/dist/tokens/ios/tokens-light.swift +1 -1
- package/dist/tokens/less/variables-dark.less +32 -32
- package/dist/tokens/less/variables-light.less +32 -32
- package/dist/tokens/tokens-dark.json +31 -31
- package/dist/tokens/tokens-light.json +31 -31
- package/dist/vue2/component-documentation.json +1 -1
- package/dist/vue2/dialtone-vue.cjs +2 -2
- package/dist/vue2/dialtone-vue.js +7 -7
- package/dist/vue2/emoji.cjs +1 -1
- package/dist/vue2/emoji.js +3 -3
- package/dist/vue2/{emoji_picker-qKvl5Fz8.cjs → emoji_picker-F8BRxcT4.cjs} +1 -1
- package/dist/vue2/{emoji_picker-KIIpk9vW.js → emoji_picker-eZhVMcsq.js} +1 -1
- package/dist/vue2/{emoji_text_wrapper-I4e5KRQK.js → emoji_text_wrapper-D8sO5OFj.js} +1 -1
- package/dist/vue2/{emoji_text_wrapper-OcyTFWWG.cjs → emoji_text_wrapper-Rk9EMvo8.cjs} +1 -1
- package/dist/vue2/{index-izsZ8Z_Y.js → index-5kIwGgwp.js} +179 -178
- package/dist/vue2/index-FZJBS_ti.cjs +1 -0
- package/dist/vue2/message_input.cjs +1 -1
- package/dist/vue2/message_input.js +4 -4
- package/dist/vue2/{rich_text_editor-RroWBOw1.js → rich_text_editor-750LBgdo.js} +860 -860
- package/dist/vue2/{rich_text_editor-1tgknTvv.cjs → rich_text_editor-q9e-ZDwe.cjs} +2 -2
- package/dist/vue2/style.css +1 -1
- package/dist/vue2/types/components/link/link.vue.d.ts +3 -2
- package/dist/vue2/types/components/link/link.vue.d.ts.map +1 -1
- package/dist/vue2/types/components/link/link_constants.d.ts +2 -0
- package/dist/vue2/types/components/link/link_constants.d.ts.map +1 -1
- package/dist/vue3/component-documentation.json +1 -1
- package/dist/vue3/dialtone-vue.cjs +2 -2
- package/dist/vue3/dialtone-vue.js +7 -7
- package/dist/vue3/directives.cjs +1 -1
- package/dist/vue3/directives.js +31 -29
- package/dist/vue3/emoji-1NjKe1Yv.cjs +1 -0
- package/dist/vue3/{emoji-2rvS7ht5.js → emoji-VxFu3PHn.js} +180 -179
- package/dist/vue3/emoji.cjs +1 -1
- package/dist/vue3/emoji.js +3 -3
- package/dist/vue3/{emoji_picker--T2UMX6r.cjs → emoji_picker--qWnpkri.cjs} +1 -1
- package/dist/vue3/{emoji_picker-VPajqYRs.js → emoji_picker-1UT0z6jY.js} +1 -1
- package/dist/vue3/{emoji_text_wrapper-pmmHKPk7.js → emoji_text_wrapper-NMuqIG_X.js} +1 -1
- package/dist/vue3/{emoji_text_wrapper-qxffHTl7.cjs → emoji_text_wrapper-bOsTtVBL.cjs} +1 -1
- package/dist/vue3/message_input.cjs +1 -1
- package/dist/vue3/message_input.js +4 -4
- package/dist/vue3/{rich_text_editor-2G6m62cq.js → rich_text_editor-_wxi33hv.js} +3 -7
- package/dist/vue3/{rich_text_editor-IU2NvBTd.cjs → rich_text_editor-pnYcPOnF.cjs} +2 -2
- package/dist/vue3/style.css +1 -1
- package/dist/vue3/types/components/link/link.vue.d.ts +3 -2
- package/dist/vue3/types/components/link/link.vue.d.ts.map +1 -1
- package/dist/vue3/types/components/link/link_constants.d.ts +2 -0
- package/dist/vue3/types/components/link/link_constants.d.ts.map +1 -1
- package/dist/vue3/types/directives/tooltip/tooltip.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/vue2/index-pgrzvq3F.cjs +0 -1
- package/dist/vue3/emoji-XlbJqv9d.cjs +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 15 Mar 2024 22:16:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.dialtone-theme-dark {
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
--dt-font-size-400: 2.7rem; /* extra large / xl */
|
|
11
11
|
--dt-font-size-500: 3.8rem; /* extra large / xxl */
|
|
12
12
|
--dt-font-size-root: 1rem;
|
|
13
|
-
--dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
14
|
-
--dt-font-family-expressive: Archivo
|
|
13
|
+
--dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
14
|
+
--dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
15
15
|
--dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
16
16
|
--dt-font-line-height-100: 1;
|
|
17
17
|
--dt-font-line-height-200: 1.2;
|
|
@@ -604,147 +604,147 @@
|
|
|
604
604
|
--dt-shadow-focus-inset-1-spread: 0.3rem;
|
|
605
605
|
--dt-shadow-focus-inset-1-color: #51A0FE;
|
|
606
606
|
--dt-shadow-focus-inset-1-type: innerShadow;
|
|
607
|
-
--dt-typography-body-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium text style for main content. */
|
|
607
|
+
--dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
|
|
608
608
|
--dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
|
|
609
609
|
--dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
|
|
610
610
|
--dt-typography-body-md-font-size: 1.5rem; /* Base default medium text style for main content. */
|
|
611
611
|
--dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
|
|
612
|
-
--dt-typography-body-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
|
|
612
|
+
--dt-typography-body-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
|
|
613
613
|
--dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
|
|
614
614
|
--dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
|
|
615
615
|
--dt-typography-body-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium body style. */
|
|
616
616
|
--dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
|
|
617
|
-
--dt-typography-body-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
|
|
617
|
+
--dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
|
|
618
618
|
--dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
|
|
619
619
|
--dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
|
|
620
620
|
--dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
|
|
621
621
|
--dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
|
|
622
|
-
--dt-typography-body-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small body style. */
|
|
622
|
+
--dt-typography-body-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
|
|
623
623
|
--dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
|
|
624
624
|
--dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
|
|
625
625
|
--dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
|
|
626
626
|
--dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
|
|
627
|
-
--dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
627
|
+
--dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
628
628
|
--dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
629
629
|
--dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
630
630
|
--dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
631
631
|
--dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
632
|
-
--dt-typography-headline-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
|
|
632
|
+
--dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
|
|
633
633
|
--dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
|
|
634
634
|
--dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
|
|
635
635
|
--dt-typography-headline-sm-font-size: 1.2rem; /* Smaller text size for secondary information or subheadings. */
|
|
636
636
|
--dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
|
|
637
|
-
--dt-typography-headline-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
|
|
637
|
+
--dt-typography-headline-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
|
|
638
638
|
--dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
|
|
639
639
|
--dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
|
|
640
640
|
--dt-typography-headline-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small headline style. */
|
|
641
641
|
--dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
|
|
642
|
-
--dt-typography-headline-sm-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of small headline style. */
|
|
642
|
+
--dt-typography-headline-sm-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
|
|
643
643
|
--dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
|
|
644
644
|
--dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
|
|
645
645
|
--dt-typography-headline-sm-soft-font-size: 1.2rem; /* A softer font weight version of small headline style. */
|
|
646
646
|
--dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
|
|
647
|
-
--dt-typography-headline-sm-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
647
|
+
--dt-typography-headline-sm-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
648
648
|
--dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
649
649
|
--dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
650
650
|
--dt-typography-headline-sm-soft-compact-font-size: 1.2rem; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
651
651
|
--dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
652
|
-
--dt-typography-headline-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Medium-sized base text style for headlines. */
|
|
652
|
+
--dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
|
|
653
653
|
--dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
|
|
654
654
|
--dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
|
|
655
655
|
--dt-typography-headline-md-font-size: 1.5rem; /* Medium-sized base text style for headlines. */
|
|
656
656
|
--dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
|
|
657
|
-
--dt-typography-headline-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
|
|
657
|
+
--dt-typography-headline-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
|
|
658
658
|
--dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
|
|
659
659
|
--dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
|
|
660
660
|
--dt-typography-headline-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium headline style. */
|
|
661
661
|
--dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
|
|
662
|
-
--dt-typography-headline-lg-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Large text style for headlines to attract attention. */
|
|
662
|
+
--dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
|
|
663
663
|
--dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
|
|
664
664
|
--dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
|
|
665
665
|
--dt-typography-headline-lg-font-size: 1.9rem; /* Large text style for headlines to attract attention. */
|
|
666
666
|
--dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
|
|
667
|
-
--dt-typography-headline-lg-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of large headline style. */
|
|
667
|
+
--dt-typography-headline-lg-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
|
|
668
668
|
--dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
|
|
669
669
|
--dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
|
|
670
670
|
--dt-typography-headline-lg-soft-font-size: 1.9rem; /* A softer font weight version of large headline style. */
|
|
671
671
|
--dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
|
|
672
|
-
--dt-typography-headline-lg-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of large body style. */
|
|
672
|
+
--dt-typography-headline-lg-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
|
|
673
673
|
--dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
|
|
674
674
|
--dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
|
|
675
675
|
--dt-typography-headline-lg-compact-font-size: 1.9rem; /* A tighter-spaced version of large body style. */
|
|
676
676
|
--dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
|
|
677
|
-
--dt-typography-headline-lg-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
|
|
677
|
+
--dt-typography-headline-lg-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
|
|
678
678
|
--dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
|
|
679
679
|
--dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
|
|
680
680
|
--dt-typography-headline-lg-soft-compact-font-size: 1.9rem; /* A softer font weight, tighter spaced version of large headline style. */
|
|
681
681
|
--dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
|
|
682
|
-
--dt-typography-headline-xl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Extra large text style for high importance headlines. */
|
|
682
|
+
--dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
|
|
683
683
|
--dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
|
|
684
684
|
--dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
|
|
685
685
|
--dt-typography-headline-xl-font-size: 2.7rem; /* Extra large text style for high importance headlines. */
|
|
686
686
|
--dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
|
|
687
|
-
--dt-typography-headline-xl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
|
|
687
|
+
--dt-typography-headline-xl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
|
|
688
688
|
--dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
|
|
689
689
|
--dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
|
|
690
690
|
--dt-typography-headline-xl-compact-font-size: 2.7rem; /* A tighter-spaced version of extra large headline style. */
|
|
691
691
|
--dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
|
|
692
|
-
--dt-typography-headline-xxl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Largest text style for extra extra large content. */
|
|
692
|
+
--dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
|
|
693
693
|
--dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
|
|
694
694
|
--dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
|
|
695
695
|
--dt-typography-headline-xxl-font-size: 3.8rem; /* Largest text style for extra extra large content. */
|
|
696
696
|
--dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
|
|
697
|
-
--dt-typography-headline-xxl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
|
|
697
|
+
--dt-typography-headline-xxl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
|
|
698
698
|
--dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
|
|
699
699
|
--dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
|
|
700
700
|
--dt-typography-headline-xxl-compact-font-size: 3.8rem; /* A tighter-spaced version of extra extra large headline style. */
|
|
701
701
|
--dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
|
|
702
|
-
--dt-typography-label-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
702
|
+
--dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
703
703
|
--dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
704
704
|
--dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
705
705
|
--dt-typography-label-md-font-size: 1.5rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
706
706
|
--dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
707
|
-
--dt-typography-label-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
|
|
707
|
+
--dt-typography-label-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
|
|
708
708
|
--dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
|
|
709
709
|
--dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
|
|
710
710
|
--dt-typography-label-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium label style. */
|
|
711
711
|
--dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
|
|
712
|
-
--dt-typography-label-md-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of medium label style. */
|
|
712
|
+
--dt-typography-label-md-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
|
|
713
713
|
--dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
|
|
714
714
|
--dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
|
|
715
715
|
--dt-typography-label-md-plain-font-size: 1.5rem; /* A non-bold version of medium label style. */
|
|
716
716
|
--dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
|
|
717
|
-
--dt-typography-label-md-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
717
|
+
--dt-typography-label-md-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
718
718
|
--dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
719
719
|
--dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
720
720
|
--dt-typography-label-md-plain-compact-font-size: 1.5rem; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
721
721
|
--dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
722
|
-
--dt-typography-label-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
722
|
+
--dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
723
723
|
--dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
724
724
|
--dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
725
725
|
--dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
726
726
|
--dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
727
|
-
--dt-typography-label-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small label style. */
|
|
727
|
+
--dt-typography-label-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
|
|
728
728
|
--dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
|
|
729
729
|
--dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
|
|
730
730
|
--dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
|
|
731
731
|
--dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
|
|
732
|
-
--dt-typography-label-sm-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of small label style. */
|
|
732
|
+
--dt-typography-label-sm-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
|
|
733
733
|
--dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
|
|
734
734
|
--dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
|
|
735
735
|
--dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
|
|
736
736
|
--dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
|
|
737
|
-
--dt-typography-label-sm-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
|
|
737
|
+
--dt-typography-label-sm-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
|
|
738
738
|
--dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
|
|
739
739
|
--dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
|
|
740
740
|
--dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
|
|
741
741
|
--dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
|
|
742
|
-
--dt-typography-helper-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
|
|
742
|
+
--dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
|
|
743
743
|
--dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
|
|
744
744
|
--dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
|
|
745
745
|
--dt-typography-helper-md-font-size: 1.5rem; /* Base default medium-sized text style for supplementary contextual information. */
|
|
746
746
|
--dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
|
|
747
|
-
--dt-typography-helper-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
747
|
+
--dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
748
748
|
--dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
749
749
|
--dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
750
750
|
--dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 15 Mar 2024 22:16:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.dialtone-theme-light {
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
--dt-font-size-400: 2.7rem; /* extra large / xl */
|
|
11
11
|
--dt-font-size-500: 3.8rem; /* extra large / xxl */
|
|
12
12
|
--dt-font-size-root: 1rem;
|
|
13
|
-
--dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
14
|
-
--dt-font-family-expressive: Archivo
|
|
13
|
+
--dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
14
|
+
--dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
15
15
|
--dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
16
16
|
--dt-font-line-height-100: 1;
|
|
17
17
|
--dt-font-line-height-200: 1.2;
|
|
@@ -484,147 +484,147 @@
|
|
|
484
484
|
--dt-shadow-focus-inset-1-spread: 0.3rem;
|
|
485
485
|
--dt-shadow-focus-inset-1-color: #51A0FE;
|
|
486
486
|
--dt-shadow-focus-inset-1-type: innerShadow;
|
|
487
|
-
--dt-typography-body-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium text style for main content. */
|
|
487
|
+
--dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
|
|
488
488
|
--dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
|
|
489
489
|
--dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
|
|
490
490
|
--dt-typography-body-md-font-size: 1.5rem; /* Base default medium text style for main content. */
|
|
491
491
|
--dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
|
|
492
|
-
--dt-typography-body-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
|
|
492
|
+
--dt-typography-body-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
|
|
493
493
|
--dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
|
|
494
494
|
--dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
|
|
495
495
|
--dt-typography-body-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium body style. */
|
|
496
496
|
--dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
|
|
497
|
-
--dt-typography-body-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
|
|
497
|
+
--dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
|
|
498
498
|
--dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
|
|
499
499
|
--dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
|
|
500
500
|
--dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
|
|
501
501
|
--dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
|
|
502
|
-
--dt-typography-body-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small body style. */
|
|
502
|
+
--dt-typography-body-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
|
|
503
503
|
--dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
|
|
504
504
|
--dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
|
|
505
505
|
--dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
|
|
506
506
|
--dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
|
|
507
|
-
--dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
507
|
+
--dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
508
508
|
--dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
509
509
|
--dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
510
510
|
--dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
511
511
|
--dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
|
|
512
|
-
--dt-typography-headline-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
|
|
512
|
+
--dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
|
|
513
513
|
--dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
|
|
514
514
|
--dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
|
|
515
515
|
--dt-typography-headline-sm-font-size: 1.2rem; /* Smaller text size for secondary information or subheadings. */
|
|
516
516
|
--dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
|
|
517
|
-
--dt-typography-headline-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
|
|
517
|
+
--dt-typography-headline-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
|
|
518
518
|
--dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
|
|
519
519
|
--dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
|
|
520
520
|
--dt-typography-headline-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small headline style. */
|
|
521
521
|
--dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
|
|
522
|
-
--dt-typography-headline-sm-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of small headline style. */
|
|
522
|
+
--dt-typography-headline-sm-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
|
|
523
523
|
--dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
|
|
524
524
|
--dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
|
|
525
525
|
--dt-typography-headline-sm-soft-font-size: 1.2rem; /* A softer font weight version of small headline style. */
|
|
526
526
|
--dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
|
|
527
|
-
--dt-typography-headline-sm-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
527
|
+
--dt-typography-headline-sm-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
528
528
|
--dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
529
529
|
--dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
530
530
|
--dt-typography-headline-sm-soft-compact-font-size: 1.2rem; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
531
531
|
--dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
|
|
532
|
-
--dt-typography-headline-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Medium-sized base text style for headlines. */
|
|
532
|
+
--dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
|
|
533
533
|
--dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
|
|
534
534
|
--dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
|
|
535
535
|
--dt-typography-headline-md-font-size: 1.5rem; /* Medium-sized base text style for headlines. */
|
|
536
536
|
--dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
|
|
537
|
-
--dt-typography-headline-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
|
|
537
|
+
--dt-typography-headline-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
|
|
538
538
|
--dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
|
|
539
539
|
--dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
|
|
540
540
|
--dt-typography-headline-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium headline style. */
|
|
541
541
|
--dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
|
|
542
|
-
--dt-typography-headline-lg-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Large text style for headlines to attract attention. */
|
|
542
|
+
--dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
|
|
543
543
|
--dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
|
|
544
544
|
--dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
|
|
545
545
|
--dt-typography-headline-lg-font-size: 1.9rem; /* Large text style for headlines to attract attention. */
|
|
546
546
|
--dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
|
|
547
|
-
--dt-typography-headline-lg-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of large headline style. */
|
|
547
|
+
--dt-typography-headline-lg-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
|
|
548
548
|
--dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
|
|
549
549
|
--dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
|
|
550
550
|
--dt-typography-headline-lg-soft-font-size: 1.9rem; /* A softer font weight version of large headline style. */
|
|
551
551
|
--dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
|
|
552
|
-
--dt-typography-headline-lg-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of large body style. */
|
|
552
|
+
--dt-typography-headline-lg-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
|
|
553
553
|
--dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
|
|
554
554
|
--dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
|
|
555
555
|
--dt-typography-headline-lg-compact-font-size: 1.9rem; /* A tighter-spaced version of large body style. */
|
|
556
556
|
--dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
|
|
557
|
-
--dt-typography-headline-lg-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
|
|
557
|
+
--dt-typography-headline-lg-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
|
|
558
558
|
--dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
|
|
559
559
|
--dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
|
|
560
560
|
--dt-typography-headline-lg-soft-compact-font-size: 1.9rem; /* A softer font weight, tighter spaced version of large headline style. */
|
|
561
561
|
--dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
|
|
562
|
-
--dt-typography-headline-xl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Extra large text style for high importance headlines. */
|
|
562
|
+
--dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
|
|
563
563
|
--dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
|
|
564
564
|
--dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
|
|
565
565
|
--dt-typography-headline-xl-font-size: 2.7rem; /* Extra large text style for high importance headlines. */
|
|
566
566
|
--dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
|
|
567
|
-
--dt-typography-headline-xl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
|
|
567
|
+
--dt-typography-headline-xl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
|
|
568
568
|
--dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
|
|
569
569
|
--dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
|
|
570
570
|
--dt-typography-headline-xl-compact-font-size: 2.7rem; /* A tighter-spaced version of extra large headline style. */
|
|
571
571
|
--dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
|
|
572
|
-
--dt-typography-headline-xxl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Largest text style for extra extra large content. */
|
|
572
|
+
--dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
|
|
573
573
|
--dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
|
|
574
574
|
--dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
|
|
575
575
|
--dt-typography-headline-xxl-font-size: 3.8rem; /* Largest text style for extra extra large content. */
|
|
576
576
|
--dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
|
|
577
|
-
--dt-typography-headline-xxl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
|
|
577
|
+
--dt-typography-headline-xxl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
|
|
578
578
|
--dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
|
|
579
579
|
--dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
|
|
580
580
|
--dt-typography-headline-xxl-compact-font-size: 3.8rem; /* A tighter-spaced version of extra extra large headline style. */
|
|
581
581
|
--dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
|
|
582
|
-
--dt-typography-label-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
582
|
+
--dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
583
583
|
--dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
584
584
|
--dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
585
585
|
--dt-typography-label-md-font-size: 1.5rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
586
586
|
--dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
|
|
587
|
-
--dt-typography-label-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
|
|
587
|
+
--dt-typography-label-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
|
|
588
588
|
--dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
|
|
589
589
|
--dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
|
|
590
590
|
--dt-typography-label-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium label style. */
|
|
591
591
|
--dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
|
|
592
|
-
--dt-typography-label-md-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of medium label style. */
|
|
592
|
+
--dt-typography-label-md-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
|
|
593
593
|
--dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
|
|
594
594
|
--dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
|
|
595
595
|
--dt-typography-label-md-plain-font-size: 1.5rem; /* A non-bold version of medium label style. */
|
|
596
596
|
--dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
|
|
597
|
-
--dt-typography-label-md-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
597
|
+
--dt-typography-label-md-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
598
598
|
--dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
599
599
|
--dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
600
600
|
--dt-typography-label-md-plain-compact-font-size: 1.5rem; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
601
601
|
--dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
|
|
602
|
-
--dt-typography-label-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
602
|
+
--dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
603
603
|
--dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
604
604
|
--dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
605
605
|
--dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
606
606
|
--dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
|
|
607
|
-
--dt-typography-label-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small label style. */
|
|
607
|
+
--dt-typography-label-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
|
|
608
608
|
--dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
|
|
609
609
|
--dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
|
|
610
610
|
--dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
|
|
611
611
|
--dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
|
|
612
|
-
--dt-typography-label-sm-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of small label style. */
|
|
612
|
+
--dt-typography-label-sm-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
|
|
613
613
|
--dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
|
|
614
614
|
--dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
|
|
615
615
|
--dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
|
|
616
616
|
--dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
|
|
617
|
-
--dt-typography-label-sm-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
|
|
617
|
+
--dt-typography-label-sm-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
|
|
618
618
|
--dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
|
|
619
619
|
--dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
|
|
620
620
|
--dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
|
|
621
621
|
--dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
|
|
622
|
-
--dt-typography-helper-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
|
|
622
|
+
--dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
|
|
623
623
|
--dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
|
|
624
624
|
--dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
|
|
625
625
|
--dt-typography-helper-md-font-size: 1.5rem; /* Base default medium-sized text style for supplementary contextual information. */
|
|
626
626
|
--dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
|
|
627
|
-
--dt-typography-helper-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
627
|
+
--dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
628
628
|
--dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
629
629
|
--dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|
|
630
630
|
--dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
|