optimized-react-component-library-xyz123 2.2.2 → 2.2.3
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.d.mts +90 -9
- package/dist/index.d.ts +90 -9
- package/dist/index.js +1006 -161
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1002 -158
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -6
- package/src/css/darkMode.css +107 -2
- package/src/css/mobileView.css +89 -0
- package/src/css/questions.css +5 -0
- package/src/css/styles.css +479 -2
- package/src/css/e-tjanst-root.css +0 -117
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "optimized-react-component-library-xyz123",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.3",
|
|
4
4
|
"description": "A modern React component library using TypeScript with React 19 support.",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -13,16 +13,14 @@
|
|
|
13
13
|
"./css/darkMode.css": "./src/css/darkMode.css",
|
|
14
14
|
"./css/mobileView.css": "./src/css/mobileView.css",
|
|
15
15
|
"./css/styles.css": "./src/css/styles.css",
|
|
16
|
-
"./css/questions.css": "./src/css/questions.css"
|
|
17
|
-
"./css/e-tjanst-root.css": "./src/css/e-tjanst-root.css"
|
|
16
|
+
"./css/questions.css": "./src/css/questions.css"
|
|
18
17
|
},
|
|
19
18
|
"files": [
|
|
20
19
|
"dist",
|
|
21
20
|
"src/css/darkMode.css",
|
|
22
21
|
"src/css/mobileView.css",
|
|
23
22
|
"src/css/styles.css",
|
|
24
|
-
"src/css/questions.css"
|
|
25
|
-
"src/css/e-tjanst-root.css"
|
|
23
|
+
"src/css/questions.css"
|
|
26
24
|
],
|
|
27
25
|
"scripts": {
|
|
28
26
|
"build": "tsup",
|
|
@@ -85,6 +83,7 @@
|
|
|
85
83
|
"date-fns": "^4.1.0",
|
|
86
84
|
"dompurify": "^3.2.6",
|
|
87
85
|
"react-bootstrap": "^2.10.10",
|
|
88
|
-
"react-dropzone": "^14.3.8"
|
|
86
|
+
"react-dropzone": "^14.3.8",
|
|
87
|
+
"react-router-dom": "^7.13.0"
|
|
89
88
|
}
|
|
90
89
|
}
|
package/src/css/darkMode.css
CHANGED
|
@@ -67,6 +67,95 @@
|
|
|
67
67
|
color: var(--dark-text);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
|
|
71
|
+
/*--Navigation header / menu ----*/
|
|
72
|
+
|
|
73
|
+
.pts-navigation-header-container {
|
|
74
|
+
background: var(--dark-background-second);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.pts-navigation-header-logo-container,
|
|
78
|
+
.pts-navigation-header-headline-container {
|
|
79
|
+
border-color: var(--dark-background-third)!important;
|
|
80
|
+
}
|
|
81
|
+
.pts-navigation-header-nav-container button svg path,
|
|
82
|
+
.pts-navigation-header-nav-container button svg line{
|
|
83
|
+
color: var(--dark-text);
|
|
84
|
+
fill: var(--dark-text);
|
|
85
|
+
stroke: var(--dark-text);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.pts-navigation-header-container svg path {
|
|
89
|
+
fill: var(--dark-text);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
.pts-navigation-header-nav-container,
|
|
94
|
+
.pts-navigation-header-button-label {
|
|
95
|
+
background: var(--dark-background-second);
|
|
96
|
+
color: var(--dark-text);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.pts-expand-icon svg rect{
|
|
100
|
+
fill: var(--dark-action);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
.pts-contract-icon svg rect{
|
|
105
|
+
fill: var(--dark-orientation-active);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
.pts-navigation-close-text{
|
|
110
|
+
color: var(--dark-text);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.pts-navigation-close-button{
|
|
114
|
+
background: var(--dark-main);
|
|
115
|
+
color: var(--dark-text);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.pts-navigation-close-button svg path{
|
|
119
|
+
stroke: var(--dark-text);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.pts-navigation-link-expand-button{
|
|
123
|
+
background-color: var(--dark-main);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.pts-navigation-link-expand-button svg path{
|
|
127
|
+
stroke: var(--dark-main)!important;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.pts-navigation-with-close-button,
|
|
131
|
+
.pts-navigation-menu-container,
|
|
132
|
+
.pts-navigation-button,
|
|
133
|
+
.pts-navigation-close-container,
|
|
134
|
+
.pts-sub-navigation-item,
|
|
135
|
+
.pts-sub-navigation-item a,
|
|
136
|
+
.pts-navigation-button > a {
|
|
137
|
+
background: var(--dark-main);
|
|
138
|
+
color: var(--dark-text);
|
|
139
|
+
border-color: var(--dark-background-third);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.pts-navigation-button a {
|
|
143
|
+
|
|
144
|
+
color: var(--dark-text);
|
|
145
|
+
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.pts-sub-navigation-container {
|
|
149
|
+
background-color: #d5b9dd;
|
|
150
|
+
border-left: var(--dark-action) 5px solid;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/*--------BREADCRUMBS------*/
|
|
154
|
+
.pts-breadcrumbs {
|
|
155
|
+
background-color: var(--dark-background-third);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
|
|
70
159
|
/*-------MAIN CONTENT-------*/
|
|
71
160
|
section,
|
|
72
161
|
.pts-form-step-header {
|
|
@@ -87,6 +176,7 @@
|
|
|
87
176
|
.MoreInfoIcon svg {
|
|
88
177
|
background-color: var(--dark-action);
|
|
89
178
|
}
|
|
179
|
+
|
|
90
180
|
|
|
91
181
|
.pts-serviceHeadlineAndBody-container a svg path,
|
|
92
182
|
.MoreInfoIcon svg path {
|
|
@@ -161,8 +251,6 @@
|
|
|
161
251
|
color: var(--dark-error);
|
|
162
252
|
}
|
|
163
253
|
|
|
164
|
-
.pts-root-question-input-error-border,
|
|
165
|
-
.pts-root-question-input-error-border,
|
|
166
254
|
.pts-root-question-input-error-border {
|
|
167
255
|
border: 0.15rem solid var(--dark-error) !important;
|
|
168
256
|
}
|
|
@@ -405,4 +493,21 @@
|
|
|
405
493
|
input:-moz-autofill {
|
|
406
494
|
box-shadow: 0 0 0 1000px transparent inset !important;
|
|
407
495
|
}
|
|
496
|
+
|
|
497
|
+
/***NYTT FLYTTA?? ***/
|
|
498
|
+
.pts-standard-link-icon svg {
|
|
499
|
+
background-color: var(--dark-action);
|
|
500
|
+
}
|
|
501
|
+
.pts-standard-link svg path{
|
|
502
|
+
fill: var(--dark-main);
|
|
503
|
+
color: #000000;
|
|
504
|
+
}
|
|
505
|
+
.pts-icon-circle {
|
|
506
|
+
border: 2px solid var(--dark-action);
|
|
507
|
+
background-color: var(--dark-action);
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
.pts-collapse-content{
|
|
511
|
+
color:var(--dark-text);
|
|
512
|
+
}
|
|
408
513
|
}
|
package/src/css/mobileView.css
CHANGED
|
@@ -3,6 +3,94 @@
|
|
|
3
3
|
/********************************************/
|
|
4
4
|
|
|
5
5
|
@media (max-width: 1085px) {
|
|
6
|
+
|
|
7
|
+
.pts-navigation-header-container {
|
|
8
|
+
padding:unset;
|
|
9
|
+
border-bottom: 2px solid #ddd;
|
|
10
|
+
}
|
|
11
|
+
.pts-navigation-header-content {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.pts-navigation-header-logo-container {
|
|
16
|
+
padding: 1.6rem 0px;
|
|
17
|
+
width: 100%;
|
|
18
|
+
text-align: center;
|
|
19
|
+
border-bottom: 2px solid #ddd;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.pts-navigation-header-headline-container{
|
|
23
|
+
border-bottom: 2px solid #ddd;
|
|
24
|
+
height: 48px;
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.pts-site-headline,
|
|
29
|
+
.pts-navigation-header-headline-container p{
|
|
30
|
+
font-size: 1.6rem;
|
|
31
|
+
top:auto;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.pts-navigation-header-nav-container {
|
|
35
|
+
align-items: center;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
height: 48px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.pts-navigation-header-nav-container button {
|
|
41
|
+
width: 100%;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
.pts-navigation-close-button {
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
margin-top: 1rem;
|
|
49
|
+
margin-bottom: 1rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**Navigation menu**/
|
|
53
|
+
|
|
54
|
+
.pts-navigation-menu-container.open{
|
|
55
|
+
top: -50px;
|
|
56
|
+
width: 100%;
|
|
57
|
+
max-width: unset;
|
|
58
|
+
position: relative;
|
|
59
|
+
height: 100%;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.pts-navigation-menu-container {
|
|
63
|
+
transform: translateY(-100%);
|
|
64
|
+
transition: transform 0.35s ease;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.pts-navigation-menu-container.open {
|
|
68
|
+
transform: translateY(0);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.pts-navigation-close-container {
|
|
72
|
+
position: relative;
|
|
73
|
+
padding: 1px 1px;
|
|
74
|
+
height: 48px;
|
|
75
|
+
justify-content: center;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.nav-parent-button {
|
|
79
|
+
padding-right: 5px !important;
|
|
80
|
+
border: 0px !important;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/**Breadcrumbs**/
|
|
84
|
+
.pts-breadcrumbs a,
|
|
85
|
+
.pts-crumb-label {
|
|
86
|
+
font-size: 14px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.pts-breadcrumbs {
|
|
90
|
+
padding-left: 20px;
|
|
91
|
+
height: 30px !important;
|
|
92
|
+
}
|
|
93
|
+
|
|
6
94
|
.pts-footer-content {
|
|
7
95
|
display: flex;
|
|
8
96
|
height: auto;
|
|
@@ -120,6 +208,7 @@
|
|
|
120
208
|
margin: 0.4rem 0;
|
|
121
209
|
}
|
|
122
210
|
|
|
211
|
+
section,
|
|
123
212
|
.pts-form-step-header {
|
|
124
213
|
margin-left: 0;
|
|
125
214
|
margin-right: 0;
|