@digigov/theme-govgr 2.0.0-834daea4 → 2.0.0-aefd0709

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/index.css CHANGED
@@ -571,74 +571,6 @@
571
571
  --color-black-rgb: 1, 1, 1;
572
572
  }
573
573
  :root {
574
- --text-sm-default: 0.875rem;
575
- --text-base-default: 1rem;
576
- --text-lg-default: 1.1875rem;
577
- --text-xl-default: 1.25rem;
578
- --text-2xl-default: 1.5rem;
579
- --text-3xl-default: 1.875rem;
580
- --text-4xl-default: 2.25rem;
581
- --text-5xl-default: 3rem;
582
-
583
- --text-sm-large: 1rem;
584
- --text-base-large: 1.25rem;
585
- --text-lg-large: 1.4rem;
586
- --text-xl-large: 1.6rem;
587
- --text-2xl-large: 1.875rem;
588
- --text-3xl-large: 2.25rem;
589
- --text-4xl-large: 2.5rem;
590
- --text-5xl-large: 3rem;
591
-
592
- --text-sm: var(--text-sm-default);
593
- --text-base: var(--text-base-default);
594
- --text-lg: var(--text-lg-default);
595
- --text-xl: var(--text-xl-default);
596
- --text-2xl: var(--text-2xl-default);
597
- --text-3xl: var(--text-3xl-default);
598
- --text-4xl: var(--text-4xl-default);
599
- --text-5xl: var(--text-5xl-default);
600
-
601
- --line-h-sm-default: 1.375;
602
- --line-h-base-default: 1.375;
603
- --line-h-lg-default: 1.375;
604
- --line-h-xl-default: 1.25;
605
- --line-h-2xl-default: 1.25;
606
- --line-h-3xl-default: 1.25;
607
- --line-h-4xl-default: 1.25;
608
- --line-h-5xl-default: 1.25;
609
-
610
- --line-h-sm-large: 2;
611
- --line-h-base-large: 2;
612
- --line-h-lg-large: 2;
613
- --line-h-xl-large: 1.75;
614
- --line-h-2xl-large: 1.75;
615
- --line-h-3xl-large: 1.5;
616
- --line-h-4xl-large: 1.5;
617
- --line-h-5xl-large: 1.25;
618
-
619
- --line-h-sm: var(--line-h-sm-default);
620
- --line-h-base: var(--line-h-base-default);
621
- --line-h-lg: var(--line-h-lg-default);
622
- --line-h-xl: var(--line-h-xl-default);
623
- --line-h-2xl: var(--line-h-2xl-default);
624
- --line-h-3xl: var(--line-h-3xl-default);
625
- --line-h-4xl: var(--line-h-4xl-default);
626
- --line-h-5xl: var(--line-h-5xl-default);
627
-
628
- --letter-spacing-normal-default: normal;
629
- --letter-spacing-wide-default: 0.025rem;
630
- --letter-spacing-wider-default: 0.05rem;
631
- --letter-spacing-widest-default: 0.075rem;
632
-
633
- --letter-spacing-normal-extra: 0.05rem;
634
- --letter-spacing-wide-extra: 0.075rem;
635
- --letter-spacing-wider-extra: 0.01rem;
636
- --letter-spacing-widest-extra: 0.125rem;
637
-
638
- --letter-spacing-normal: var(--letter-spacing-normal-default);
639
- --letter-spacing-wide: var(--letter-spacing-wide-default);
640
- --letter-spacing-wider: var(--letter-spacing-wider-default);
641
- --letter-spacing-widest: var(--letter-spacing-widest-default);
642
574
 
643
575
  --border-radius-md: 0px;
644
576
  --border-radius-lg: 0px;
@@ -648,939 +580,4 @@
648
580
 
649
581
  --color-header-text: var(--color-white);
650
582
  --color-header-text-hover: var(--color-white);
651
- }
652
-
653
- .ds-accordion__section-heading {
654
- --accordion__section-heading-font-size: var(--text-lg);
655
- }
656
-
657
- @media (min-width: 768px) {
658
-
659
- .ds-accordion__section-heading {
660
- --accordion__section-heading-font-size: var(--text-xl)
661
- }
662
- }
663
- .ds-accordion__section-summary {
664
- --accordion__section-summary-background: var(--color-base-100);
665
- --accordion__section-summary-background-hover: var(--color-base-200);
666
- }
667
- .ds-breadcrumbs__list-item {
668
- --breadcrumbs__list-item-font-size: var(--text-sm);
669
- }
670
- @media (min-width: 768px) {
671
- .ds-breadcrumbs__list-item {
672
- --breadcrumbs__list-item-font-size: var(--text-base)
673
- }
674
- }
675
- .ds-back-to-top-link {
676
- --back-to-top-link-color: var(--color-link);
677
- --back-to-top-link-color-active: var(--color-link-active);
678
- --back-to-top-link-color-hover: var(--color-link-hover);
679
- --back-to-top-link-padding: 0px;
680
- --back-to-top-link-font-size: var(--text-base);
681
- --back-to-top-link-line-height: var(--line-h-base);
682
- --back-to-top-link-letter-spacing: var(--letter-spacing-normal);
683
- }
684
- @media (min-width: 768px) {
685
- .ds-back-to-top-link {
686
- --back-to-top-link-font-size: var(--text-lg);
687
- --back-to-top-link-line-height: var(--line-h-lg)
688
- }
689
- }
690
- .ds-btn {
691
- --btn-border-radius: 0px;
692
- --btn-padding-y: 0.5rem;
693
- --btn-padding-x: 1.25rem;
694
- --btn-letter-spacing: var(--letter-spacing-wide);
695
- --btn-font-size: var(--text-base);
696
- }
697
- @media (min-width: 768px) {
698
- .ds-btn {
699
- --btn-font-size: var(--text-lg)
700
- }
701
- }
702
- @media print {
703
- .ds-btn {
704
- --btn-padding-y: 0.5rem;
705
- --btn-padding-x: 1rem
706
- }
707
- }
708
- .ds-btn-cta {
709
- --btn-cta-font-size: var(--text-lg);
710
- }
711
- @media (min-width: 768px) {
712
- .ds-btn-cta {
713
- --btn-cta-font-size: var(--text-xl)
714
- }
715
- }
716
- .ds-btn-primary {
717
- --btn-primary-background-color: var(--color-success);
718
- --btn-primary-color: var(--color-white);
719
- --btn-primary-background-color-hover: var(--color-success-hover);
720
- --btn-primary-color-hover: var(--color-white);
721
- --btn-primary-background-color-active: var(--color-success-hover);
722
- --btn-primary-box-shadow: 0 2px 0 var(--color-base-content);
723
- }
724
- @media print {
725
- .ds-btn-primary {
726
- --btn-primary-background-color: var(--color-white);
727
- --btn-primary-color: var(--color-base-content)
728
- }
729
- }
730
- .ds-btn-secondary {
731
- --btn-secondary-background-color: var(--color-base-300);
732
- --btn-secondary-color: var(--color-base-content);
733
- --btn-secondary-background-color-hover: var(--color-base-400);
734
- --btn-secondary-color-hover: var(--color-base-content);
735
- --btn-secondary-background-color-active: var(--color-base-500);
736
- --btn-secondary-box-shadow: 0 2px 0 var(--color-base-500);
737
- }
738
- @media print {
739
- .ds-btn-secondary {
740
- --btn-secondary-background-color: var(--color-white);
741
- --btn-secondary-color: var(--color-base-content)
742
- }
743
- }
744
- .ds-btn-warning {
745
- --btn-warning-background-color: var(--color-error);
746
- --btn-warning-color: var(--color-white);
747
- --btn-warning-background-color-hover: var(--color-error-hover);
748
- --btn-warning-color-hover: var(--color-white);
749
- --btn-warning-background-color-active: var(--color-error-hover);
750
- --btn-warning-box-shadow: 0 2px 0 var(--color-base-content);
751
- }
752
- @media print {
753
- .ds-btn-warning {
754
- --btn-warning-background-color: var(--color-white);
755
- --btn-warning-color: var(--color-base-content)
756
- }
757
- }
758
- .ds-card__content {
759
- --card__content-font-size: var(--text-sm);
760
- --card__content-line-height: var(--line-h-sm);
761
- }
762
- @media (min-width: 768px) {
763
- .ds-card__content {
764
- --card__content-font-size: var(--text-base);
765
- --card__content-line-height: var(--line-h-base)
766
- }
767
- }
768
- .ds-card {
769
- --card-border-radius: var(--border-radius-lg);
770
- --card-background-color: var(--color-base-100);
771
- --card-padding: 0;
772
- }
773
- .ds-fieldset__legend {
774
- --fieldset__legend-margin-bottom: 1rem;
775
- --fieldset__legend-font-weight: 700;
776
- --fieldset__legend-letter-spacing: var(--letter-spacing-normal);
777
- }
778
- .ds-fieldset__legend--xl {
779
- --fieldset__legend--xl-font-size: var(--text-3xl);
780
- --fieldset__legend--xl-line-height: var(--line-h-3xl);
781
- }
782
- @media (min-width: 768px) {
783
- .ds-fieldset__legend--xl {
784
- --fieldset__legend--xl-font-size: var(--text-5xl);
785
- --fieldset__legend--xl-line-height: var(--line-h-5xl)
786
- }
787
- }
788
- .ds-fieldset__legend--lg {
789
- --fieldset__legend--lg-font-size: var(--text-2xl);
790
- --fieldset__legend--lg-line-height: var(--line-h-2xl);
791
- }
792
- @media (min-width: 768px) {
793
- .ds-fieldset__legend--lg {
794
- --fieldset__legend--lg-font-size: var(--text-4xl);
795
- --fieldset__legend--lg-line-height: var(--line-h-4xl)
796
- }
797
- }
798
- .ds-fieldset__legend--md {
799
- --fieldset__legend--md-font-size: var(--text-xl);
800
- --fieldset__legend--md-line-height: var(--line-h-xl);
801
- }
802
- @media (min-width: 768px) {
803
- .ds-fieldset__legend--md {
804
- --fieldset__legend--md-font-size: var(--text-2xl);
805
- --fieldset__legend--md-line-height: var(--line-h-2xl)
806
- }
807
- }
808
- .ds-fieldset__legend--sm {
809
- --fieldset__legend--sm-font-size: var(--text-base);
810
- --fieldset__legend--sm-line-height: var(--line-h-base);
811
- }
812
- @media (min-width: 768px) {
813
- .ds-fieldset__legend--sm {
814
- --fieldset__legend--sm-font-size: var(--text-lg);
815
- --fieldset__legend--sm-line-height: var(--line-h-lg)
816
- }
817
- }
818
- .ds-label {
819
- --label-font-size: var(--text-base);
820
- --label-line-height: var(--line-h-base);
821
- --label-letter-spacing: var(--letter-spacing-normal);
822
- }
823
- @media (min-width: 768px) {
824
- .ds-label {
825
- --label-font-size: var(--text-lg);
826
- --label-line-height: var(--line-h-lg)
827
- }
828
- }
829
- .ds-label__title {
830
- --label__title-margin-bottom: 0rem;
831
- --label__title-font-weight: 700;
832
- --label__title-letter-spacing: var(--letter-spacing-normal);
833
- }
834
- .ds-label__title--xl {
835
- --label__title--xl-font-size: var(--text-3xl);
836
- --label__title--xl-line-height: var(--line-h-3xl);
837
- }
838
- @media (min-width: 768px) {
839
- .ds-label__title--xl {
840
- --label__title--xl-font-size: var(--text-5xl);
841
- --label__title--xl-line-height: var(--line-h-5xl)
842
- }
843
- }
844
- .ds-label__title--lg {
845
- --label__title--lg-font-size: var(--text-2xl);
846
- --label__title--lg-line-height: var(--line-h-2xl);
847
- }
848
- @media (min-width: 768px) {
849
- .ds-label__title--lg {
850
- --label__title--lg-font-size: var(--text-4xl);
851
- --label__title--lg-line-height: var(--line-h-4xl)
852
- }
853
- }
854
- .ds-label__title--md {
855
- --label__title--md-font-size: var(--text-xl);
856
- --label__title--md-line-height: var(--line-h-xl);
857
- }
858
- @media (min-width: 768px) {
859
- .ds-label__title--md {
860
- --label__title--md-font-size: var(--text-2xl);
861
- --label__title--md-line-height: var(--line-h-2xl)
862
- }
863
- }
864
- .ds-label__title--sm {
865
- --label__title--sm-font-size: var(--text-base);
866
- --label__title--sm-line-height: var(--line-h-base);
867
- }
868
- @media (min-width: 768px) {
869
- .ds-label__title--sm {
870
- --label__title--sm-font-size: var(--text-lg);
871
- --label__title--sm-line-height: var(--line-h-lg)
872
- }
873
- }
874
- .ds-input {
875
- --input-border-radius: var(--border-radius-md);
876
- }
877
- .ds-textarea {
878
- --textarea-border-radius: var(--border-radius-md);
879
- }
880
- .ds-select {
881
- --select-border-radius: var(--border-radius-md);
882
- }
883
- .ds-footer__copyright {
884
- --footer__copyright-font-size: var(--text-sm);
885
- }
886
- @media (min-width: 768px) {
887
- .ds-footer__copyright {
888
- --footer__copyright-font-size: var(--text-base)
889
- }
890
- }
891
- .ds-footer {
892
- --footer-border: solid var(--color-tertiary);
893
- --footer-border-width: 4px 0 0 0;
894
- --footer-background-color: var(--color-base-200);
895
- --footer-color: var(--color-base-800);
896
- }
897
- .ds-footer__link {
898
- --footer__link-text-decoration: underline;
899
- --footer__link-text-decoration-hover: underline;
900
- --footer__link-color-hover: var(--link-color-hover);
901
- --footer__link-color-focus: var(--link-color-active);
902
- }
903
- .ds-header {
904
- --header-border: solid var(--color-tertiary);
905
- --header-border-width: 0 0 8px 0;
906
- --header-background: var(--color-primary);
907
- }
908
- .ds-header__title {
909
- --header__title-color: var(--color-header-text);
910
- --header__title-color-hover: var(--color-header-text-hover);
911
- }
912
- .ds-warning-text {
913
- --warning-text-font-size: var(--text-base);
914
- }
915
- @media (min-width: 768px) {
916
- .ds-warning-text {
917
- --warning-text-font-size: var(--text-lg)
918
- }
919
- }
920
- .ds-details {
921
- --details-font-size: var(--text-base);
922
- --details-line-height: var(--line-h-base);
923
- }
924
- @media (min-width: 768px) {
925
- .ds-details {
926
- --details-font-size: var(--text-lg);
927
- --details-line-height: var(--line-h-lg)
928
- }
929
- }
930
- .ds-details__summary {
931
- --details__summary-font-size: var(--text-base);
932
- --details__summary-line-height: var(--line-h-base);
933
- }
934
- @media (min-width: 768px) {
935
- .ds-details__summary {
936
- --details__summary-font-size: var(--text-lg);
937
- --details__summary-line-height: var(--line-h-lg)
938
- }
939
- }
940
- .ds-details__summary--lg {
941
- --details__summary--lg-font-size: var(--text-lg);
942
- --details__summary--lg-line-height: var(--line-h-lg);
943
- }
944
- @media (min-width: 768px) {
945
- .ds-details__summary--lg {
946
- --details__summary--lg-font-size: var(--text-xl);
947
- --details__summary--lg-line-height: var(--line-h-xl)
948
- }
949
- }
950
- .ds-blockquote {
951
- --blockquote-font-size: var(--text-base);
952
- --blockquote-line-height: var(--line-h-base);
953
- }
954
- @media (min-width: 768px) {
955
- .ds-blockquote {
956
- --blockquote-font-size: var(--text-lg);
957
- --blockquote-line-height: var(--line-h-lg)
958
- }
959
- }
960
- .ds-notification-banner {
961
- --notification-banner-border-radius: var(--border-radius-md);
962
- }
963
- .ds-circular-progress__circle--1 {
964
- --circular-progress__circle--1-stroke: var(--color-secondary);
965
- }
966
- .ds-circular-progress__circle--2 {
967
- --circular-progress__circle--2-stroke: var(--color-primary);
968
- }
969
- .ds-tabs__panel {
970
- --tabs__panel-border-radius: 0;
971
- }
972
- .ds-panel {
973
- --panel-border-radius: var(--border-radius-md);
974
- }
975
- .ds-panel__title {
976
- --panel__title-font-size: var(--text-4xl);
977
- --panel__title-line-height: var(--line-h-4xl);
978
- --panel__title-margin-bottom: 1rem;
979
- --panel__title-font-weight: 700;
980
- --panel__title-letter-spacing: var(--letter-spacing-normal);
981
- }
982
- @media (min-width: 768px) {
983
- .ds-panel__title {
984
- --panel__title-font-size: var(--text-5xl);
985
- --panel__title-line-height: var(--line-h-5xl);
986
- --panel__title-margin-bottom: 1.5rem
987
- }
988
- }
989
- @media print {
990
- .ds-panel__title {
991
- --panel__title-font-size: var(--text-4xl);
992
- --panel__title-line-height: var(--line-h-4xl);
993
- --panel__title-margin-bottom: 1.5rem
994
- }
995
- }
996
- .ds-panel__body {
997
- --panel__body-font-size: var(--text-2xl);
998
- --panel__body-line-height: var(--line-h-2xl);
999
- --panel__body-margin: auto;
1000
- --panel__body-letter-spacing: var(--letter-spacing-normal);
1001
- }
1002
- @media (min-width: 768px) {
1003
- .ds-panel__body {
1004
- --panel__body-font-size: var(--text-4xl);
1005
- --panel__body-line-height: var(--line-h-4xl)
1006
- }
1007
- }
1008
- @media print {
1009
- .ds-panel__body {
1010
- --panel__body-font-size: var(--text-2xl);
1011
- --panel__body-line-height: var(--line-h-2xl)
1012
- }
1013
- }
1014
- .ds-phase-banner__content {
1015
- --phase-banner__content-font-size: var(--text-base);
1016
- }
1017
- @media (min-width: 768px) {
1018
- .ds-phase-banner__content {
1019
- --phase-banner__content-font-size: var(--text-lg)
1020
- }
1021
- }
1022
- .ds-radios__label {
1023
- --radios__label-font-size: var(--text-base);
1024
- }
1025
- @media (min-width: 768px) {
1026
- .ds-radios__label {
1027
- --radios__label-font-size: var(--text-lg)
1028
- }
1029
- }
1030
- .ds-summary-list {
1031
- --summary-list-font-size: var(--text-base);
1032
- }
1033
- @media (min-width: 768px) {
1034
- .ds-summary-list {
1035
- --summary-list-font-size: var(--text-lg)
1036
- }
1037
- }
1038
- .ds-heading-xl {
1039
- --heading-xl-font-size: var(--text-3xl);
1040
- --heading-xl-line-height: var(--line-h-3xl);
1041
- --heading-xl-margin-bottom: 2rem;
1042
- --heading-xl-font-weight: 700;
1043
- --heading-xl-letter-spacing: var(--letter-spacing-normal);
1044
- }
1045
- @media (min-width: 768px) {
1046
- .ds-heading-xl {
1047
- --heading-xl-font-size: var(--text-5xl);
1048
- --heading-xl-line-height: var(--line-h-5xl);
1049
- --heading-xl-margin-bottom: 3rem
1050
- }
1051
- }
1052
- .ds-heading-lg {
1053
- --heading-lg-font-size: var(--text-2xl);
1054
- --heading-lg-line-height: var(--line-h-2xl);
1055
- --heading-lg-margin-bottom: 2rem;
1056
- --heading-lg-font-weight: 700;
1057
- --heading-lg-letter-spacing: var(--letter-spacing-normal);
1058
- }
1059
- @media (min-width: 768px) {
1060
- .ds-heading-lg {
1061
- --heading-lg-font-size: var(--text-4xl);
1062
- --heading-lg-line-height: var(--line-h-4xl);
1063
- --heading-lg-margin-bottom: 2.5rem
1064
- }
1065
- }
1066
- .ds-heading-md {
1067
- --heading-md-font-size: var(--text-xl);
1068
- --heading-md-line-height: var(--line-h-xl);
1069
- --heading-md-margin-bottom: 1.5rem;
1070
- --heading-md-font-weight: 700;
1071
- --heading-md-letter-spacing: var(--letter-spacing-normal);
1072
- }
1073
- @media (min-width: 768px) {
1074
- .ds-heading-md {
1075
- --heading-md-font-size: var(--text-2xl);
1076
- --heading-md-line-height: var(--line-h-2xl);
1077
- --heading-md-margin-bottom: 2rem
1078
- }
1079
- }
1080
- .ds-heading-sm {
1081
- --heading-sm-font-size: var(--text-base);
1082
- --heading-sm-line-height: var(--line-h-base);
1083
- --heading-sm-margin-bottom: 0.75rem;
1084
- --heading-sm-font-weight: 700;
1085
- --heading-sm-letter-spacing: var(--letter-spacing-normal);
1086
- }
1087
- @media (min-width: 768px) {
1088
- .ds-heading-sm {
1089
- --heading-sm-font-size: var(--text-lg);
1090
- --heading-sm-line-height: var(--line-h-lg);
1091
- --heading-sm-margin-bottom: 1.25rem
1092
- }
1093
- }
1094
- .ds-heading-xs {
1095
- --heading-xs-font-size: var(--text-sm);
1096
- --heading-xs-line-height: var(--line-h-sm);
1097
- --heading-xs-margin-bottom: 0.5rem;
1098
- --heading-xs-font-weight: 700;
1099
- --heading-xs-letter-spacing: var(--letter-spacing-normal);
1100
- }
1101
- @media (min-width: 768px) {
1102
- .ds-heading-xs {
1103
- --heading-xs-font-size: var(--text-base);
1104
- --heading-xs-line-height: var(--line-h-base);
1105
- --heading-xs-margin-bottom: 1rem
1106
- }
1107
- }
1108
- .ds-caption-xl {
1109
- --caption-xl-font-size: var(--text-xl);
1110
- --caption-xl-line-height: var(--line-h-xl);
1111
- --caption-xl-margin-bottom: 0.25rem;
1112
- --caption-xl-color: var(--color-base-800);
1113
- --caption-xl-font-weight: 400;
1114
- --caption-xl-letter-spacing: var(--letter-spacing-normal);
1115
- }
1116
- @media (min-width: 768px) {
1117
- .ds-caption-xl {
1118
- --caption-xl-font-size: var(--text-2xl);
1119
- --caption-xl-line-height: var(--line-h-2xl);
1120
- --caption-xl-margin-bottom: 0.5rem
1121
- }
1122
- }
1123
- .ds-caption-lg {
1124
- --caption-lg-font-size: var(--text-lg);
1125
- --caption-lg-line-height: var(--line-h-lg);
1126
- --caption-lg-margin-bottom: 0rem;
1127
- --caption-lg-color: var(--color-base-800);
1128
- --caption-lg-font-weight: 400;
1129
- --caption-lg-letter-spacing: var(--letter-spacing-normal);
1130
- }
1131
- @media (min-width: 768px) {
1132
- .ds-caption-lg {
1133
- --caption-lg-font-size: var(--text-xl);
1134
- --caption-lg-line-height: var(--line-h-xl)
1135
- }
1136
- }
1137
- .ds-caption-md {
1138
- --caption-md-font-size: var(--text-base);
1139
- --caption-md-line-height: var(--line-h-base);
1140
- --caption-md-margin-bottom: 0rem;
1141
- --caption-md-color: var(--color-base-800);
1142
- --caption-md-font-weight: 400;
1143
- --caption-md-letter-spacing: var(--letter-spacing-normal);
1144
- }
1145
- @media (min-width: 768px) {
1146
- .ds-caption-md {
1147
- --caption-md-font-size: var(--text-lg);
1148
- --caption-md-line-height: var(--line-h-lg)
1149
- }
1150
- }
1151
- .ds-body {
1152
- --body-font-size: var(--text-base);
1153
- --body-line-height: var(--line-h-base);
1154
- --body-margin-bottom: 1rem;
1155
- --body-color: var(--color-base-content);
1156
- --body-letter-spacing: var(--letter-spacing-normal);
1157
- }
1158
- @media (min-width: 768px) {
1159
- .ds-body {
1160
- --body-font-size: var(--text-lg);
1161
- --body-line-height: var(--line-h-lg);
1162
- --body-margin-bottom: 2rem
1163
- }
1164
- }
1165
- .ds-body--lg {
1166
- --body--lg-font-size: var(--text-lg);
1167
- --body--lg-line-height: var(--line-h-lg);
1168
- }
1169
- @media (min-width: 768px) {
1170
- .ds-body--lg {
1171
- --body--lg-font-size: var(--text-2xl);
1172
- --body--lg-line-height: var(--line-h-2xl)
1173
- }
1174
- }
1175
- .ds-body--sm {
1176
- --body--sm-font-size: var(--text-sm);
1177
- --body--sm-line-height: var(--line-h-sm);
1178
- }
1179
- @media (min-width: 768px) {
1180
- .ds-body--sm {
1181
- --body--sm-font-size: var(--text-base);
1182
- --body--sm-line-height: var(--text-base)
1183
- }
1184
- }
1185
- .ds-hint {
1186
- --hint-font-size: var(--text-base);
1187
- --hint-line-height: var(--line-h-base);
1188
- --hint-margin-bottom: 1rem;
1189
- --hint-color: var(--color-base-800);
1190
- --hint-letter-spacing: var(--letter-spacing-normal);
1191
- }
1192
- @media (min-width: 768px) {
1193
- .ds-hint {
1194
- --hint-font-size: var(--text-lg);
1195
- --hint-line-height: var(--line-h-lg)
1196
- }
1197
- }
1198
- .ds-hint--lg {
1199
- --hint--lg-font-size: var(--text-lg);
1200
- --hint--lg-line-height: var(--line-h-lg);
1201
- }
1202
- @media (min-width: 768px) {
1203
- .ds-hint--lg {
1204
- --hint--lg-font-size: var(--text-2xl);
1205
- --hint--lg-line-height: var(--line-h-2xl)
1206
- }
1207
- }
1208
- .ds-hint--sm {
1209
- --hint--sm-font-size: var(--text-sm);
1210
- --hint--sm-line-height: var(--line-h-sm);
1211
- }
1212
- @media (min-width: 768px) {
1213
- .ds-hint--sm {
1214
- --hint--sm-font-size: var(--text-base);
1215
- --hint--sm-line-height: var(--text-lg)
1216
- }
1217
- }
1218
- .ds-link {
1219
- --link-color: var(--color-link);
1220
- --link-color-active: var(--color-link-active);
1221
- --link-color-hover: var(--color-link-hover);
1222
- --link-padding: 0px;
1223
- --link-font-size: var(--text-base);
1224
- --link-line-height: var(--line-h-base);
1225
- --link-letter-spacing: var(--letter-spacing-normal);
1226
- }
1227
- @media (min-width: 768px) {
1228
- .ds-link {
1229
- --link-font-size: var(--text-lg);
1230
- --link-line-height: var(--line-h-lg)
1231
- }
1232
- }
1233
- .ds-back-link {
1234
- --back-link-font-size: var(--text-base);
1235
- --back-link-letter-spacing: var(--letter-spacing-normal);
1236
- }
1237
- @media (min-width: 768px) {
1238
- .ds-back-link {
1239
- --back-link-font-size: var(--text-lg)
1240
- }
1241
- }
1242
- .ds-list {
1243
- --list-font-size: var(--text-base);
1244
- --list-line-height: var(--line-h-base);
1245
- --list-letter-spacing: var(--letter-spacing-normal);
1246
- }
1247
- @media (min-width: 768px) {
1248
- .ds-list {
1249
- --list-font-size: var(--text-lg);
1250
- --list-line-height: var(--line-h-lg)
1251
- }
1252
- }
1253
-
1254
- /* LAYOUT */
1255
- .dark .ds-footer {
1256
- --tw-border-opacity: 1;
1257
- border-color: rgba(var(--color-tertiary-300-rgb), var(--tw-border-opacity));
1258
- }
1259
- .dark .ds-radios__input:focus {
1260
- border-width: 2px;
1261
- box-shadow:
1262
- 0 0 0 4px var(--color-base-100),
1263
- 0 0 0 7px var(--color-focus);
1264
- }
1265
- .dark .ds-radios__input:focus:before {
1266
- top: 6px;
1267
- left: 6px;
1268
- }
1269
- .dark .ds-footer__government-logo {
1270
- display: none;
1271
- }
1272
- .dark .ds-footer__government-logo-inverted {
1273
- display: block;
1274
- }
1275
- .dark .ds-image-logo-light {
1276
- display: none;
1277
- }
1278
- .dark .ds-image-logo-dark {
1279
- display: block;
1280
- }
1281
- .dark .ds-footer__link {
1282
- padding: 0 2px;
1283
- }
1284
- .dark .ds-footer__link:focus {
1285
- --tw-text-opacity: 1;
1286
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1287
- box-shadow:
1288
- 0 -2px var(--color-focus),
1289
- 0 4px var(--color-link-active);
1290
- }
1291
- .dark .ds-masthead.ds-masthead--primary {
1292
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1293
- --tw-text-opacity: 1;
1294
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1295
- }
1296
- .dark .ds-masthead.ds-masthead--primary .ds-body {
1297
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1298
- --tw-text-opacity: 1;
1299
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1300
- }
1301
- .dark .ds-masthead__body {
1302
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1303
- --tw-text-opacity: 1;
1304
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1305
- }
1306
- .dark .ds-background-dark .ds-hint, .dark .ds-masthead.ds-masthead--primary .ds-hint {
1307
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1308
- --tw-text-opacity: 1;
1309
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1310
- }
1311
- .dark .ds-background-dark .ds-btn, .dark .ds-masthead--primary .ds-btn {
1312
- border-color: rgba(var(--color-base-content-rgb),var(--tw-border-opacity));
1313
- --tw-border-opacity: 1;
1314
- border-color: rgba(var(--color-base-content-rgb), var(--tw-border-opacity));
1315
- }
1316
- .dark .ds-background-dark .ds-btn:focus, .dark .ds-masthead--primary .ds-btn:focus {
1317
- box-shadow:
1318
- 0 0 0 6px var(--color-tertiary),
1319
- 0 0 0 10px var(--color-focus);
1320
- }
1321
-
1322
- /* FORM */
1323
- .dark .ds-checkboxes__input:focus {
1324
- box-shadow:
1325
- 0 0 0 3px var(--color-base-100),
1326
- 0 0 0 6px var(--color-focus);
1327
- }
1328
- .dark .ds-checkboxes__input:focus:before {
1329
- border-width: 3px;
1330
- }
1331
- .dark .ds-input:focus,
1332
- .dark .ds-select:focus,
1333
- .dark .ds-textarea:focus,
1334
- .dark
1335
- .ds-autocomplete__multi-input-container.ds-autocomplete__multi-input-container--focused,
1336
- .dark .ds-autocomplete__input.ds-autocomplete__input--focused {
1337
- outline: 4px solid transparent;
1338
- box-shadow:
1339
- 0 0 0 3px var(--color-base-100),
1340
- 0 0 0 6px var(--color-focus);
1341
- }
1342
-
1343
- /* BUTTONS AND LINKS */
1344
- .dark .ds-btn:focus, .dark .ds-btn[type="button"]:focus, .dark .ds-btn[type="reset"]:focus, .dark .ds-btn[type="submit"]:focus {
1345
- box-shadow:
1346
- 0 0 0 6px var(--color-base-100),
1347
- 0 0 0 10px var(--color-focus);
1348
- }
1349
- .dark .ds-header .ds-dropdown__button.ds-link:focus, .dark .ds-admin-header .ds-dropdown__button.ds-link:focus {
1350
- --tw-text-opacity: 1;
1351
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1352
- }
1353
- .dark .ds-btn-secondary {
1354
- color: rgba(var(--color-base-100-rgb),var(--tw-text-opacity));
1355
- --tw-bg-opacity: 1;
1356
- background-color: rgba(var(--color-base-800-rgb), var(--tw-bg-opacity));
1357
- --tw-text-opacity: 1;
1358
- color: rgba(var(--color-base-100-rgb), var(--tw-text-opacity));
1359
- }
1360
- .dark .ds-btn-secondary:hover {
1361
- background-color: rgba(var(--color-base-700-rgb),var(--tw-bg-opacity));
1362
- --tw-bg-opacity: 1;
1363
- background-color: rgba(var(--color-base-700-rgb), var(--tw-bg-opacity));
1364
- --tw-text-opacity: 1;
1365
- color: rgba(var(--color-black-rgb), var(--tw-text-opacity));
1366
- }
1367
- .dark .ds-btn-secondary .ds-svg-icon {
1368
- fill: var(--color-base-100);
1369
- }
1370
- .dark .ds-dropdown[open] .ds-dropdown__button.ds-btn-secondary {
1371
- background-color: rgba(var(--color-base-700-rgb),var(--tw-bg-opacity));
1372
- color: rgba(var(--color-white-rgb),var(--tw-text-opacity));
1373
- --tw-bg-opacity: 1;
1374
- background-color: rgba(var(--color-base-700-rgb), var(--tw-bg-opacity));
1375
- --tw-text-opacity: 1;
1376
- color: rgba(var(--color-white-rgb), var(--tw-text-opacity));
1377
- }
1378
-
1379
- .dark .ds-link {
1380
- padding: 0 2px;
1381
- }
1382
-
1383
- .dark .ds-link:focus {
1384
- box-shadow:
1385
- 0 -2px var(--color-focus),
1386
- 0 4px var(--color-link-active);
1387
- }
1388
- .dark .ds-background-dark .ds-link,
1389
- .dark .ds-masthead.ds-masthead--primary .ds-link {
1390
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1391
- --tw-text-opacity: 1;
1392
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1393
- }
1394
- .dark .ds-background-dark .ds-link:focus, .dark .ds-masthead.ds-masthead--primary .ds-link:focus {
1395
- --tw-text-opacity: 1;
1396
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1397
- }
1398
- .dark .ds-breadcrumbs__list-item::before {
1399
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" style="fill:%23fff;"/></svg>');
1400
- }
1401
- .dark .ds-breadcrumbs__link,
1402
- .dark .ds-back-link,
1403
- .dark .ds-back-to-top-link,
1404
- .dark .ds-details__summary {
1405
- padding: 0 2px;
1406
- }
1407
- .dark .ds-breadcrumbs__link:focus, .dark .ds-back-link:focus, .dark .ds-back-to-top-link:focus, .dark .ds-details__summary:focus {
1408
- --tw-text-opacity: 1;
1409
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1410
- box-shadow:
1411
- 0 -2px var(--color-focus),
1412
- 0 4px var(--color-link-active);
1413
- }
1414
- .dark .ds-back-link:focus .ds-svg-icon--caret,
1415
- .dark .ds-back-to-top-link:focus .ds-svg-icon--arrow {
1416
- fill: var(--color-link-active);
1417
- }
1418
-
1419
- /* CORE COMPONENTS */
1420
- .dark .ds-accordion .ds-accordion__section-button {
1421
- padding: 0 1px;
1422
- }
1423
- .dark .ds-accordion .ds-accordion__section-button::after {
1424
- padding: 0 1px;
1425
- }
1426
- .dark .ds-accordion .ds-accordion__section-summary:focus .ds-accordion__section-button {
1427
- color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
1428
- --tw-text-opacity: 1;
1429
- color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
1430
- }
1431
- .dark .ds-accordion .ds-accordion__section-summary:focus .ds-accordion__section-button::after {
1432
- color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
1433
- --tw-text-opacity: 1;
1434
- color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
1435
- }
1436
-
1437
- .dark .ds-card.ds-card--border.ds-card--border-light {
1438
- border-width: 0;
1439
- background-color: rgba(var(--color-base-300-rgb),var(--tw-bg-opacity));
1440
- border-width: 0px;
1441
- --tw-bg-opacity: 1;
1442
- background-color: rgba(var(--color-base-300-rgb), var(--tw-bg-opacity));
1443
- }
1444
- .dark .ds-card.ds-card--divider,
1445
- .dark .ds-card.ds-card--border-top,
1446
- .dark .ds-card.ds-card--border-light {
1447
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1448
- --tw-border-opacity: 1;
1449
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1450
- }
1451
- .dark .ds-card.ds-card--cta .ds-card__body:after {
1452
- background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'> <path d='M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z' style='fill:%23fff;' /> </svg>");
1453
- }
1454
- .dark .ds-section-break.ds-section-break--visible {
1455
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1456
- --tw-border-opacity: 1;
1457
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1458
- }
1459
- .dark .ds-phase-banner__tag {
1460
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1461
- --tw-text-opacity: 1;
1462
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1463
- }
1464
- .dark .ds-phase-banner-header .ds-phase-banner__message {
1465
- color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
1466
- --tw-text-opacity: 1;
1467
- color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
1468
- }
1469
- .dark .ds-summary-list__row {
1470
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1471
- --tw-border-opacity: 1;
1472
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1473
- }
1474
- @media (min-width: 640px) {
1475
-
1476
- .dark .ds-summary-list__key,
1477
- .dark .ds-summary-list__value,
1478
- .dark .ds-summary-list__actions {
1479
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1480
- --tw-border-opacity: 1;
1481
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1482
- }
1483
- }
1484
-
1485
- .dark .ds-table-container.ds-table-container--border {
1486
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1487
- --tw-border-opacity: 1;
1488
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1489
- }
1490
- .dark .ds-table.ds-table--vertical-lines .ds-table__cell,
1491
- .dark .ds-table.ds-table--vertical-lines .ds-table__header,
1492
- .dark .ds-table.ds-table--vertical-lines .ds-table__head {
1493
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1494
- --tw-border-opacity: 1;
1495
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1496
- }
1497
- @supports (-moz-appearance: none) {
1498
- .dark .ds-table.ds-table--vertical-lines .ds-table__header:last-child, .dark .ds-table.ds-table--vertical-lines .ds-table__cell:last-child {
1499
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity)) !important;
1500
- --tw-border-opacity: 1 !important;
1501
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity)) !important;
1502
- }
1503
- }
1504
- .dark .ds-table.ds-table--vertical-lines.ds-table--light .ds-table__body .ds-table__header {
1505
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity)) !important;
1506
- --tw-border-opacity: 1 !important;
1507
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity)) !important;
1508
- }
1509
- @media (min-width: 768px) {
1510
- .dark .ds-table.ds-table--stacked-md .ds-table__header:last-child, .dark .ds-table.ds-table--stacked-md .ds-table__cell:last-child {
1511
- border-bottom-color: rgb(var(--color-base-500-rgb));
1512
- }
1513
- }
1514
- .dark .ds-table__header,
1515
- .dark .ds-table__cell {
1516
- border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
1517
- --tw-border-opacity: 1;
1518
- border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
1519
- }
1520
- .dark .ds-table.ds-table--dark .ds-table__header {
1521
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1522
- --tw-text-opacity: 1;
1523
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1524
- }
1525
- .dark .ds-tabs .ds-tabs__list .ds-tabs__tab {
1526
- padding: 0 2px;
1527
- }
1528
- .dark .ds-tabs .ds-tabs__list .ds-tabs__tab:focus {
1529
- --tw-text-opacity: 1;
1530
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1531
- }
1532
- .dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__heading__title {
1533
- --tw-text-opacity: 1;
1534
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1535
- padding: 0 2px;
1536
- box-shadow:
1537
- 0 -2px var(--color-focus),
1538
- 0 4px var(--color-link-active);
1539
- }
1540
- .dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__closed,
1541
- .dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__opened {
1542
- --tw-text-opacity: 1;
1543
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1544
- padding: 0 2px;
1545
- }
1546
- .dark .ds-nav__list-item:focus {
1547
- --tw-text-opacity: 1;
1548
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1549
- box-shadow:
1550
- 0 -2px var(--color-focus),
1551
- 0 4px var(--color-link-active);
1552
- }
1553
- .dark .ds-task-list__content__tag.ds-task-list__content__tag--primary {
1554
- color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
1555
- --tw-text-opacity: 1;
1556
- color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
1557
- }
1558
- .dark .ds-notification-banner__link {
1559
- padding: 0 2px;
1560
- }
1561
- .dark .ds-notification-banner__link:focus {
1562
- --tw-text-opacity: 1;
1563
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
1564
- box-shadow:
1565
- 0 -2px var(--color-focus),
1566
- 0 4px var(--color-link-active);
1567
- }
1568
- .dark .ds-chip:focus {
1569
- outline: 2px solid var(--color-focus);
1570
- outline-offset: 3px;
1571
- box-shadow: none;
1572
- }
1573
- @media (min-width: 0px) {
1574
-
1575
- .dark .ds-nav__list-item-link:focus, .dark .ds-nav__list-item-btn:focus {
1576
- --tw-text-opacity: 1 !important;
1577
- color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity)) !important;
1578
- }
1579
- }
1580
- .dark .ds-nav__list-item-link:focus > .ds-svg-icon, .dark .ds-nav__list-item-btn:focus > .ds-svg-icon {
1581
- fill: var(--color-link-active) !important;
1582
- }
1583
- .dark .ds-code.ds-code--name {
1584
- --tw-text-opacity: 1 !important;
1585
- color: rgba(var(--color-secondary-100-rgb), var(--tw-text-opacity)) !important;
1586
- }
583
+ }