@norges-domstoler/dds-components 17.4.0 → 17.5.1
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 +119 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +89 -5
- package/dist/index.d.ts +89 -5
- package/dist/index.js +1304 -359
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1293 -343
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
package/dist/index.css
CHANGED
|
@@ -749,7 +749,7 @@
|
|
|
749
749
|
:where(.Input_char-counter) {
|
|
750
750
|
margin-left: auto;
|
|
751
751
|
}
|
|
752
|
-
:where(.
|
|
752
|
+
:where(.Input_input-group__absolute-element) {
|
|
753
753
|
position: absolute;
|
|
754
754
|
top: 50%;
|
|
755
755
|
transform: translate(0, -50%);
|
|
@@ -907,6 +907,7 @@
|
|
|
907
907
|
cursor: pointer;
|
|
908
908
|
display: block;
|
|
909
909
|
width: 100%;
|
|
910
|
+
border-radius: inherit;
|
|
910
911
|
}
|
|
911
912
|
.AccordionBase_header-container {
|
|
912
913
|
display: flex;
|
|
@@ -1363,6 +1364,9 @@
|
|
|
1363
1364
|
}
|
|
1364
1365
|
|
|
1365
1366
|
/* src/components/Card/CardAccordion/CardAccordion.module.css */
|
|
1367
|
+
.CardAccordion_container {
|
|
1368
|
+
border-radius: inherit;
|
|
1369
|
+
}
|
|
1366
1370
|
.CardAccordion_header-button {
|
|
1367
1371
|
@media (prefers-reduced-motion: no-preference) {
|
|
1368
1372
|
transition: box-shadow 0.2s, var(--dds-focus-transition);
|
|
@@ -2826,7 +2830,7 @@
|
|
|
2826
2830
|
}
|
|
2827
2831
|
.NativeSelect_select--tiny {
|
|
2828
2832
|
height: calc(1.5em + var(--dds-spacing-x0-25) + var(--dds-spacing-x0-25) + 2px);
|
|
2829
|
-
padding-right: var(--dds-spacing-x1);
|
|
2833
|
+
padding-right: var(--dds-spacing-x1-5);
|
|
2830
2834
|
}
|
|
2831
2835
|
.NativeSelect_select--multiple {
|
|
2832
2836
|
padding-right: 0;
|
|
@@ -2842,6 +2846,119 @@
|
|
|
2842
2846
|
pointer-events: none;
|
|
2843
2847
|
}
|
|
2844
2848
|
|
|
2849
|
+
/* src/components/PhoneInput/PhoneInput.module.css */
|
|
2850
|
+
.PhoneInput_inputs-container {
|
|
2851
|
+
display: flex;
|
|
2852
|
+
flex-direction: row;
|
|
2853
|
+
.PhoneInput_input {
|
|
2854
|
+
border-top-left-radius: 0;
|
|
2855
|
+
border-bottom-left-radius: 0;
|
|
2856
|
+
width: var(--dds-phone-input-width);
|
|
2857
|
+
}
|
|
2858
|
+
.PhoneInput_select {
|
|
2859
|
+
width: 8rem;
|
|
2860
|
+
border-top-right-radius: 0;
|
|
2861
|
+
border-bottom-right-radius: 0;
|
|
2862
|
+
margin-right: -1px;
|
|
2863
|
+
}
|
|
2864
|
+
.PhoneInput_select--tiny {
|
|
2865
|
+
width: 5rem;
|
|
2866
|
+
}
|
|
2867
|
+
}
|
|
2868
|
+
.PhoneInput_inputs-container--small-screen-xs {
|
|
2869
|
+
@media only screen and (max-width: 600px) {
|
|
2870
|
+
flex-direction: column;
|
|
2871
|
+
width: var(--dds-phone-input-width);
|
|
2872
|
+
.PhoneInput_input {
|
|
2873
|
+
border-top-left-radius: 0;
|
|
2874
|
+
border-top-right-radius: 0;
|
|
2875
|
+
width: 100%;
|
|
2876
|
+
}
|
|
2877
|
+
.PhoneInput_select {
|
|
2878
|
+
border-bottom-left-radius: 0;
|
|
2879
|
+
border-bottom-right-radius: 0;
|
|
2880
|
+
width: 100%;
|
|
2881
|
+
margin-bottom: -1px;
|
|
2882
|
+
}
|
|
2883
|
+
}
|
|
2884
|
+
}
|
|
2885
|
+
.PhoneInput_inputs-container--small-screen-sm {
|
|
2886
|
+
@media only screen and (max-width: 960px) {
|
|
2887
|
+
flex-direction: column;
|
|
2888
|
+
width: var(--dds-phone-input-width);
|
|
2889
|
+
.PhoneInput_input {
|
|
2890
|
+
border-top-left-radius: 0;
|
|
2891
|
+
border-top-right-radius: 0;
|
|
2892
|
+
width: 100%;
|
|
2893
|
+
}
|
|
2894
|
+
.PhoneInput_select {
|
|
2895
|
+
border-bottom-left-radius: 0;
|
|
2896
|
+
border-bottom-right-radius: 0;
|
|
2897
|
+
width: 100%;
|
|
2898
|
+
margin-bottom: -1px;
|
|
2899
|
+
}
|
|
2900
|
+
}
|
|
2901
|
+
}
|
|
2902
|
+
.PhoneInput_inputs-container--small-screen-md {
|
|
2903
|
+
@media only screen and (max-width: 1280px) {
|
|
2904
|
+
flex-direction: column;
|
|
2905
|
+
width: var(--dds-phone-input-width);
|
|
2906
|
+
.PhoneInput_input {
|
|
2907
|
+
border-top-left-radius: 0;
|
|
2908
|
+
border-top-right-radius: 0;
|
|
2909
|
+
width: 100%;
|
|
2910
|
+
}
|
|
2911
|
+
.PhoneInput_select {
|
|
2912
|
+
border-bottom-left-radius: 0;
|
|
2913
|
+
border-bottom-right-radius: 0;
|
|
2914
|
+
width: 100%;
|
|
2915
|
+
margin-bottom: -1px;
|
|
2916
|
+
}
|
|
2917
|
+
}
|
|
2918
|
+
}
|
|
2919
|
+
.PhoneInput_inputs-container--small-screen-lg {
|
|
2920
|
+
@media only screen and (max-width: 1920px) {
|
|
2921
|
+
flex-direction: column;
|
|
2922
|
+
width: var(--dds-phone-input-width);
|
|
2923
|
+
.PhoneInput_input {
|
|
2924
|
+
border-top-left-radius: 0;
|
|
2925
|
+
border-top-right-radius: 0;
|
|
2926
|
+
width: 100%;
|
|
2927
|
+
}
|
|
2928
|
+
.PhoneInput_select {
|
|
2929
|
+
border-bottom-left-radius: 0;
|
|
2930
|
+
border-bottom-right-radius: 0;
|
|
2931
|
+
width: 100%;
|
|
2932
|
+
margin-bottom: -1px;
|
|
2933
|
+
}
|
|
2934
|
+
}
|
|
2935
|
+
}
|
|
2936
|
+
.PhoneInput_inputs-container--small-screen-xl {
|
|
2937
|
+
flex-direction: column;
|
|
2938
|
+
width: var(--dds-phone-input-width);
|
|
2939
|
+
.PhoneInput_input {
|
|
2940
|
+
border-top-left-radius: 0;
|
|
2941
|
+
border-top-right-radius: 0;
|
|
2942
|
+
width: 100%;
|
|
2943
|
+
}
|
|
2944
|
+
.PhoneInput_select {
|
|
2945
|
+
border-bottom-left-radius: 0;
|
|
2946
|
+
border-bottom-right-radius: 0;
|
|
2947
|
+
width: 100%;
|
|
2948
|
+
margin-bottom: -1px;
|
|
2949
|
+
}
|
|
2950
|
+
}
|
|
2951
|
+
.PhoneInput_select:focus-visible,
|
|
2952
|
+
.PhoneInput_select:hover {
|
|
2953
|
+
z-index: 1;
|
|
2954
|
+
& ~ svg {
|
|
2955
|
+
z-index: 1;
|
|
2956
|
+
}
|
|
2957
|
+
}
|
|
2958
|
+
.PhoneInput_calling-code {
|
|
2959
|
+
left: var(--dds-spacing-x0-5);
|
|
2960
|
+
}
|
|
2961
|
+
|
|
2845
2962
|
/* src/components/Popover/Popover.module.css */
|
|
2846
2963
|
.Popover_container {
|
|
2847
2964
|
position: absolute;
|