primus-react-ui 1.1.0 → 1.1.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.js +11 -15
- package/dist/index.mjs +11 -15
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1260,10 +1260,8 @@ var styles = {
|
|
|
1260
1260
|
display: "block",
|
|
1261
1261
|
fontSize: "12px",
|
|
1262
1262
|
color: "#64748b",
|
|
1263
|
-
fontWeight:
|
|
1264
|
-
marginBottom: "6px"
|
|
1265
|
-
textTransform: "uppercase",
|
|
1266
|
-
letterSpacing: "0.5px"
|
|
1263
|
+
fontWeight: 400,
|
|
1264
|
+
marginBottom: "6px"
|
|
1267
1265
|
},
|
|
1268
1266
|
input: {
|
|
1269
1267
|
width: "100%",
|
|
@@ -1277,15 +1275,15 @@ var styles = {
|
|
|
1277
1275
|
},
|
|
1278
1276
|
submitBtn: {
|
|
1279
1277
|
marginTop: "8px",
|
|
1280
|
-
background: "#
|
|
1281
|
-
//
|
|
1278
|
+
background: "#8b5cf6",
|
|
1279
|
+
// Purple to match Angular
|
|
1282
1280
|
color: "#ffffff",
|
|
1283
1281
|
border: "none",
|
|
1284
1282
|
borderRadius: "8px",
|
|
1285
|
-
padding: "
|
|
1283
|
+
padding: "10px",
|
|
1286
1284
|
cursor: "pointer",
|
|
1287
|
-
fontWeight:
|
|
1288
|
-
fontSize: "
|
|
1285
|
+
fontWeight: 500,
|
|
1286
|
+
fontSize: "13px",
|
|
1289
1287
|
width: "100%"
|
|
1290
1288
|
},
|
|
1291
1289
|
error: {
|
|
@@ -1303,7 +1301,7 @@ var darkStyles = {
|
|
|
1303
1301
|
label: { color: "#94a3b8" },
|
|
1304
1302
|
input: { backgroundColor: "#0f172a", borderColor: "#334155", color: "#f8fafc" },
|
|
1305
1303
|
submitBtn: { backgroundColor: "#8b5cf6" }
|
|
1306
|
-
//
|
|
1304
|
+
// Purple to match Angular
|
|
1307
1305
|
};
|
|
1308
1306
|
var Icons = {
|
|
1309
1307
|
google: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", children: [
|
|
@@ -1425,11 +1423,10 @@ function PrimusLogin({
|
|
|
1425
1423
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1426
1424
|
"input",
|
|
1427
1425
|
{
|
|
1428
|
-
type: "
|
|
1426
|
+
type: "email",
|
|
1429
1427
|
value: username,
|
|
1430
1428
|
onChange: (e) => setUsername(e.target.value),
|
|
1431
|
-
style: currentStyles.input
|
|
1432
|
-
placeholder: "you@example.com"
|
|
1429
|
+
style: currentStyles.input
|
|
1433
1430
|
}
|
|
1434
1431
|
)
|
|
1435
1432
|
] }),
|
|
@@ -1441,8 +1438,7 @@ function PrimusLogin({
|
|
|
1441
1438
|
type: "password",
|
|
1442
1439
|
value: password,
|
|
1443
1440
|
onChange: (e) => setPassword(e.target.value),
|
|
1444
|
-
style: currentStyles.input
|
|
1445
|
-
placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
|
|
1441
|
+
style: currentStyles.input
|
|
1446
1442
|
}
|
|
1447
1443
|
)
|
|
1448
1444
|
] }),
|
package/dist/index.mjs
CHANGED
|
@@ -1120,10 +1120,8 @@ var styles = {
|
|
|
1120
1120
|
display: "block",
|
|
1121
1121
|
fontSize: "12px",
|
|
1122
1122
|
color: "#64748b",
|
|
1123
|
-
fontWeight:
|
|
1124
|
-
marginBottom: "6px"
|
|
1125
|
-
textTransform: "uppercase",
|
|
1126
|
-
letterSpacing: "0.5px"
|
|
1123
|
+
fontWeight: 400,
|
|
1124
|
+
marginBottom: "6px"
|
|
1127
1125
|
},
|
|
1128
1126
|
input: {
|
|
1129
1127
|
width: "100%",
|
|
@@ -1137,15 +1135,15 @@ var styles = {
|
|
|
1137
1135
|
},
|
|
1138
1136
|
submitBtn: {
|
|
1139
1137
|
marginTop: "8px",
|
|
1140
|
-
background: "#
|
|
1141
|
-
//
|
|
1138
|
+
background: "#8b5cf6",
|
|
1139
|
+
// Purple to match Angular
|
|
1142
1140
|
color: "#ffffff",
|
|
1143
1141
|
border: "none",
|
|
1144
1142
|
borderRadius: "8px",
|
|
1145
|
-
padding: "
|
|
1143
|
+
padding: "10px",
|
|
1146
1144
|
cursor: "pointer",
|
|
1147
|
-
fontWeight:
|
|
1148
|
-
fontSize: "
|
|
1145
|
+
fontWeight: 500,
|
|
1146
|
+
fontSize: "13px",
|
|
1149
1147
|
width: "100%"
|
|
1150
1148
|
},
|
|
1151
1149
|
error: {
|
|
@@ -1163,7 +1161,7 @@ var darkStyles = {
|
|
|
1163
1161
|
label: { color: "#94a3b8" },
|
|
1164
1162
|
input: { backgroundColor: "#0f172a", borderColor: "#334155", color: "#f8fafc" },
|
|
1165
1163
|
submitBtn: { backgroundColor: "#8b5cf6" }
|
|
1166
|
-
//
|
|
1164
|
+
// Purple to match Angular
|
|
1167
1165
|
};
|
|
1168
1166
|
var Icons = {
|
|
1169
1167
|
google: /* @__PURE__ */ jsxs12("svg", { width: "18", height: "18", viewBox: "0 0 18 18", children: [
|
|
@@ -1285,11 +1283,10 @@ function PrimusLogin({
|
|
|
1285
1283
|
/* @__PURE__ */ jsx14(
|
|
1286
1284
|
"input",
|
|
1287
1285
|
{
|
|
1288
|
-
type: "
|
|
1286
|
+
type: "email",
|
|
1289
1287
|
value: username,
|
|
1290
1288
|
onChange: (e) => setUsername(e.target.value),
|
|
1291
|
-
style: currentStyles.input
|
|
1292
|
-
placeholder: "you@example.com"
|
|
1289
|
+
style: currentStyles.input
|
|
1293
1290
|
}
|
|
1294
1291
|
)
|
|
1295
1292
|
] }),
|
|
@@ -1301,8 +1298,7 @@ function PrimusLogin({
|
|
|
1301
1298
|
type: "password",
|
|
1302
1299
|
value: password,
|
|
1303
1300
|
onChange: (e) => setPassword(e.target.value),
|
|
1304
|
-
style: currentStyles.input
|
|
1305
|
-
placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
|
|
1301
|
+
style: currentStyles.input
|
|
1306
1302
|
}
|
|
1307
1303
|
)
|
|
1308
1304
|
] }),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "primus-react-ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "Premium React UI Elements for Primus SaaS Framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -43,4 +43,4 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
}
|
|
46
|
-
}
|
|
46
|
+
}
|