optimized-react-component-library-xyz123 1.2.4 → 2.0.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.d.mts +114 -4
- package/dist/index.d.ts +114 -4
- package/dist/index.js +1796 -544
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1812 -564
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -7
- package/src/css/darkMode.css +95 -2
- package/src/css/mobileView.css +65 -0
- package/src/css/questions.css +5 -0
- package/src/css/styles.css +482 -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": "
|
|
3
|
+
"version": "2.0.1",
|
|
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,17 +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"
|
|
18
|
-
|
|
16
|
+
"./css/questions.css": "./src/css/questions.css"
|
|
19
17
|
},
|
|
20
18
|
"files": [
|
|
21
19
|
"dist",
|
|
22
20
|
"src/css/darkMode.css",
|
|
23
21
|
"src/css/mobileView.css",
|
|
24
22
|
"src/css/styles.css",
|
|
25
|
-
"src/css/questions.css"
|
|
26
|
-
"src/css/e-tjanst-root.css"
|
|
23
|
+
"src/css/questions.css"
|
|
27
24
|
],
|
|
28
25
|
"scripts": {
|
|
29
26
|
"build": "tsup",
|
|
@@ -86,6 +83,7 @@
|
|
|
86
83
|
"date-fns": "^4.1.0",
|
|
87
84
|
"dompurify": "^3.2.6",
|
|
88
85
|
"react-bootstrap": "^2.10.10",
|
|
89
|
-
"react-dropzone": "^14.3.8"
|
|
86
|
+
"react-dropzone": "^14.3.8",
|
|
87
|
+
"react-router-dom": "^7.13.0"
|
|
90
88
|
}
|
|
91
89
|
}
|
package/src/css/darkMode.css
CHANGED
|
@@ -67,6 +67,83 @@
|
|
|
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
|
+
.pts-navigation-header-nav-container button svg path,
|
|
77
|
+
.pts-navigation-header-nav-container button svg line{
|
|
78
|
+
color: var(--dark-action);
|
|
79
|
+
fill: var(--dark-action);
|
|
80
|
+
stroke: var(--dark-action);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.pts-navigation-header-container svg path {
|
|
84
|
+
fill: var(--dark-text);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
.pts-navigation-header-nav-container,
|
|
89
|
+
.pts-navigation-header-button-label {
|
|
90
|
+
background: var(--dark-background-second);
|
|
91
|
+
color: var(--dark-action);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.pts-expand-icon svg rect{
|
|
95
|
+
fill: var(--dark-action);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
.pts-contract-icon svg rect{
|
|
100
|
+
fill: var(--dark-orientation-active);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
.pts-navigation-close-text{
|
|
105
|
+
color: var(--dark-action);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.pts-navigation-close-button{
|
|
109
|
+
background: var(--dark-main);
|
|
110
|
+
color: var(--dark-action);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.pts-navigation-close-button svg path{
|
|
114
|
+
stroke: var(--dark-action);
|
|
115
|
+
}
|
|
116
|
+
.pts-navigation-link-expand-button{
|
|
117
|
+
background-color: var(--dark-main);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.pts-navigation-link-expand-button svg path{
|
|
121
|
+
stroke: var(--dark-main)!important;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.pts-navigation-with-close-button,
|
|
125
|
+
.pts-navigation-menu-container,
|
|
126
|
+
.pts-navigation-button,
|
|
127
|
+
.pts-navigation-close-container,
|
|
128
|
+
.pts-sub-navigation-item,
|
|
129
|
+
.pts-sub-navigation-item a,
|
|
130
|
+
.pts-navigation-button a {
|
|
131
|
+
background: var(--dark-main);
|
|
132
|
+
color: var(--dark-text);
|
|
133
|
+
border-color: var(--dark-background-third);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.pts-sub-navigation-container {
|
|
137
|
+
background-color: #d5b9dd;
|
|
138
|
+
border-left: var(--dark-action) 5px solid;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/*--------BREADCRUMBS------*/
|
|
142
|
+
.pts-breadcrumbs {
|
|
143
|
+
background-color: var(--dark-background-third);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
|
|
70
147
|
/*-------MAIN CONTENT-------*/
|
|
71
148
|
section,
|
|
72
149
|
.pts-form-step-header {
|
|
@@ -87,6 +164,7 @@
|
|
|
87
164
|
.MoreInfoIcon svg {
|
|
88
165
|
background-color: var(--dark-action);
|
|
89
166
|
}
|
|
167
|
+
|
|
90
168
|
|
|
91
169
|
.pts-serviceHeadlineAndBody-container a svg path,
|
|
92
170
|
.MoreInfoIcon svg path {
|
|
@@ -161,8 +239,6 @@
|
|
|
161
239
|
color: var(--dark-error);
|
|
162
240
|
}
|
|
163
241
|
|
|
164
|
-
.pts-root-question-input-error-border,
|
|
165
|
-
.pts-root-question-input-error-border,
|
|
166
242
|
.pts-root-question-input-error-border {
|
|
167
243
|
border: 0.15rem solid var(--dark-error) !important;
|
|
168
244
|
}
|
|
@@ -405,4 +481,21 @@
|
|
|
405
481
|
input:-moz-autofill {
|
|
406
482
|
box-shadow: 0 0 0 1000px transparent inset !important;
|
|
407
483
|
}
|
|
484
|
+
|
|
485
|
+
/***NYTT FLYTTA?? ***/
|
|
486
|
+
.pts-standard-link-icon svg {
|
|
487
|
+
background-color: var(--dark-action);
|
|
488
|
+
}
|
|
489
|
+
.pts-standard-link svg path{
|
|
490
|
+
fill: var(--dark-main);
|
|
491
|
+
color: #000000;
|
|
492
|
+
}
|
|
493
|
+
.pts-icon-circle {
|
|
494
|
+
border: 2px solid var(--dark-action);
|
|
495
|
+
background-color: var(--dark-action);
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.pts-collapse-content{
|
|
499
|
+
color:var(--dark-text);
|
|
500
|
+
}
|
|
408
501
|
}
|
package/src/css/mobileView.css
CHANGED
|
@@ -3,6 +3,70 @@
|
|
|
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: 13px 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
|
+
.pts-navigation-header-nav-container button {
|
|
40
|
+
width: 100%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/**Navigation menu**/
|
|
44
|
+
.pts-navigation-menu-container {
|
|
45
|
+
top: 0;
|
|
46
|
+
width: 100%;
|
|
47
|
+
max-width: unset;
|
|
48
|
+
position: relative;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.pts-navigation-close-container {
|
|
52
|
+
display: none;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.nav-parent-button {
|
|
56
|
+
padding-right: 5px !important;
|
|
57
|
+
border: 0px !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**Breadcrumbs**/
|
|
61
|
+
.pts-breadcrumbs a {
|
|
62
|
+
font-size: 14px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.pts-breadcrumbs {
|
|
66
|
+
padding-left: 20px;
|
|
67
|
+
height: 30px !important;
|
|
68
|
+
}
|
|
69
|
+
|
|
6
70
|
.pts-footer-content {
|
|
7
71
|
display: flex;
|
|
8
72
|
height: auto;
|
|
@@ -120,6 +184,7 @@
|
|
|
120
184
|
margin: 0.4rem 0;
|
|
121
185
|
}
|
|
122
186
|
|
|
187
|
+
section,
|
|
123
188
|
.pts-form-step-header {
|
|
124
189
|
margin-left: 0;
|
|
125
190
|
margin-right: 0;
|