@abhir9/pd-design-system 0.1.16 → 0.1.17
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 +1 -57
- package/dist/styles.css +0 -55
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -707,10 +707,6 @@ video {
|
|
|
707
707
|
--pd-reset-border-width: 0;
|
|
708
708
|
--pd-reset-focus-outline: 0;
|
|
709
709
|
--pd-reset-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
710
|
-
|
|
711
|
-
font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
|
|
712
|
-
color: var(--text-body);
|
|
713
|
-
background-color: var(--surface-base);
|
|
714
710
|
}
|
|
715
711
|
|
|
716
712
|
/**
|
|
@@ -907,10 +903,7 @@ video {
|
|
|
907
903
|
--z-tooltip: 1070;
|
|
908
904
|
}
|
|
909
905
|
|
|
910
|
-
|
|
911
|
-
box-sizing: border-box;
|
|
912
|
-
}
|
|
913
|
-
|
|
906
|
+
/* Focus styles for accessibility - only applied to interactive elements */
|
|
914
907
|
button:focus-visible,
|
|
915
908
|
input:focus-visible,
|
|
916
909
|
select:focus-visible,
|
|
@@ -918,53 +911,6 @@ video {
|
|
|
918
911
|
outline: 2px solid var(--intent-primary);
|
|
919
912
|
outline-offset: 2px;
|
|
920
913
|
}
|
|
921
|
-
* {
|
|
922
|
-
border-color: var(--border-primary);
|
|
923
|
-
}
|
|
924
|
-
body {
|
|
925
|
-
background-color: var(--background-primary);
|
|
926
|
-
color: var(--content-primary);
|
|
927
|
-
}
|
|
928
|
-
html {
|
|
929
|
-
font-size: var(--pd-reset-html-font-size, 10px);
|
|
930
|
-
height: var(--pd-reset-html-height, 100vh);
|
|
931
|
-
min-height: var(--pd-reset-html-min-height, 100vh);
|
|
932
|
-
width: var(--pd-reset-html-width, 100vw);
|
|
933
|
-
min-width: var(--pd-reset-html-min-width, 100vw);
|
|
934
|
-
margin: 0;
|
|
935
|
-
padding: 0;
|
|
936
|
-
}
|
|
937
|
-
html, body {
|
|
938
|
-
height: var(--pd-reset-html-height, 100vh);
|
|
939
|
-
min-height: var(--pd-reset-html-min-height, 100vh);
|
|
940
|
-
width: var(--pd-reset-html-width, 100vw);
|
|
941
|
-
min-width: var(--pd-reset-html-min-width, 100vw);
|
|
942
|
-
margin: var(--pd-reset-body-margin, 0);
|
|
943
|
-
padding: var(--pd-reset-body-padding, 0);
|
|
944
|
-
}
|
|
945
|
-
body {
|
|
946
|
-
font-family: var(--font-sans);
|
|
947
|
-
-webkit-font-smoothing: antialiased;
|
|
948
|
-
-moz-osx-font-smoothing: grayscale;
|
|
949
|
-
}
|
|
950
|
-
*, ::before, ::after {
|
|
951
|
-
box-sizing: var(--pd-reset-box-sizing, border-box);
|
|
952
|
-
border-width: var(--pd-reset-border-width, 0);
|
|
953
|
-
}
|
|
954
|
-
:focus {
|
|
955
|
-
outline: var(--pd-reset-focus-outline, 0);
|
|
956
|
-
box-shadow: var(--pd-reset-focus-box-shadow, 0 0 0 0 rgba(0, 0, 0, 0));
|
|
957
|
-
}
|
|
958
|
-
/* Autofill behavior */
|
|
959
|
-
input:-webkit-autofill,
|
|
960
|
-
input:-webkit-autofill:hover,
|
|
961
|
-
input:-webkit-autofill:focus,
|
|
962
|
-
input:-webkit-autofill:active {
|
|
963
|
-
background-color: transparent;
|
|
964
|
-
-webkit-transition: background-color 5000s ease-in-out 0s;
|
|
965
|
-
transition: background-color 5000s ease-in-out 0s;
|
|
966
|
-
-webkit-text-fill-color: var(--content-primary);
|
|
967
|
-
}
|
|
968
914
|
.container {
|
|
969
915
|
width: 100%;
|
|
970
916
|
}
|
|
@@ -1528,8 +1474,6 @@ button { font-family: inherit; font-size: inherit; }
|
|
|
1528
1474
|
.transition-colors { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
|
|
1529
1475
|
/* Opacity helpers */
|
|
1530
1476
|
|
|
1531
|
-
/* Non-color global defaults - now using CSS variables for easy override */
|
|
1532
|
-
|
|
1533
1477
|
|
|
1534
1478
|
/* Utilities */
|
|
1535
1479
|
|
package/dist/styles.css
CHANGED
|
@@ -550,9 +550,6 @@ video {
|
|
|
550
550
|
--pd-reset-border-width: 0;
|
|
551
551
|
--pd-reset-focus-outline: 0;
|
|
552
552
|
--pd-reset-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
553
|
-
font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
|
|
554
|
-
color: var(--text-body);
|
|
555
|
-
background-color: var(--surface-base);
|
|
556
553
|
}
|
|
557
554
|
.dark {
|
|
558
555
|
--accent: #17171C;
|
|
@@ -758,9 +755,6 @@ video {
|
|
|
758
755
|
--z-sticky: 1020;
|
|
759
756
|
--z-tooltip: 1070;
|
|
760
757
|
}
|
|
761
|
-
* {
|
|
762
|
-
box-sizing: border-box;
|
|
763
|
-
}
|
|
764
758
|
button:focus-visible,
|
|
765
759
|
input:focus-visible,
|
|
766
760
|
select:focus-visible,
|
|
@@ -768,55 +762,6 @@ textarea:focus-visible {
|
|
|
768
762
|
outline: 2px solid var(--intent-primary);
|
|
769
763
|
outline-offset: 2px;
|
|
770
764
|
}
|
|
771
|
-
* {
|
|
772
|
-
border-color: var(--border-primary);
|
|
773
|
-
}
|
|
774
|
-
body {
|
|
775
|
-
background-color: var(--background-primary);
|
|
776
|
-
color: var(--content-primary);
|
|
777
|
-
}
|
|
778
|
-
html {
|
|
779
|
-
font-size: var(--pd-reset-html-font-size, 10px);
|
|
780
|
-
height: var(--pd-reset-html-height, 100vh);
|
|
781
|
-
min-height: var(--pd-reset-html-min-height, 100vh);
|
|
782
|
-
width: var(--pd-reset-html-width, 100vw);
|
|
783
|
-
min-width: var(--pd-reset-html-min-width, 100vw);
|
|
784
|
-
margin: 0;
|
|
785
|
-
padding: 0;
|
|
786
|
-
}
|
|
787
|
-
html,
|
|
788
|
-
body {
|
|
789
|
-
height: var(--pd-reset-html-height, 100vh);
|
|
790
|
-
min-height: var(--pd-reset-html-min-height, 100vh);
|
|
791
|
-
width: var(--pd-reset-html-width, 100vw);
|
|
792
|
-
min-width: var(--pd-reset-html-min-width, 100vw);
|
|
793
|
-
margin: var(--pd-reset-body-margin, 0);
|
|
794
|
-
padding: var(--pd-reset-body-padding, 0);
|
|
795
|
-
}
|
|
796
|
-
body {
|
|
797
|
-
font-family: var(--font-sans);
|
|
798
|
-
-webkit-font-smoothing: antialiased;
|
|
799
|
-
-moz-osx-font-smoothing: grayscale;
|
|
800
|
-
}
|
|
801
|
-
*,
|
|
802
|
-
::before,
|
|
803
|
-
::after {
|
|
804
|
-
box-sizing: var(--pd-reset-box-sizing, border-box);
|
|
805
|
-
border-width: var(--pd-reset-border-width, 0);
|
|
806
|
-
}
|
|
807
|
-
:focus {
|
|
808
|
-
outline: var(--pd-reset-focus-outline, 0);
|
|
809
|
-
box-shadow: var(--pd-reset-focus-box-shadow, 0 0 0 0 rgba(0, 0, 0, 0));
|
|
810
|
-
}
|
|
811
|
-
input:-webkit-autofill,
|
|
812
|
-
input:-webkit-autofill:hover,
|
|
813
|
-
input:-webkit-autofill:focus,
|
|
814
|
-
input:-webkit-autofill:active {
|
|
815
|
-
background-color: transparent;
|
|
816
|
-
-webkit-transition: background-color 5000s ease-in-out 0s;
|
|
817
|
-
transition: background-color 5000s ease-in-out 0s;
|
|
818
|
-
-webkit-text-fill-color: var(--content-primary);
|
|
819
|
-
}
|
|
820
765
|
.container {
|
|
821
766
|
width: 100%;
|
|
822
767
|
}
|