sccoreui 2.4.4 → 2.4.5
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/App.js +2 -3
- package/dist/assets/flex.css +139 -4
- package/dist/assets/sccoreui.css +4 -3
- package/dist/assets/theme.css +2 -1
- package/dist/components/loading-indicator/loading-indicator-custom.js +7 -0
- package/dist/directives/svg-component.js +1609 -111
- package/dist/directives/svg-icons.js +1887 -1928
- package/dist/index.js +1 -3
- package/dist/pages/date-picker/date-picker.js +1 -1
- package/dist/pages/file-upload/file-upload.js +2 -1
- package/dist/pages/loader-indicator/loader-indicator.js +3 -1
- package/dist/pages/tags/tags.js +1 -1
- package/dist/types/components/loading-indicator/loading-indicator-custom.d.ts +10 -0
- package/dist/types/directives/svg-component.d.ts +2 -2
- package/dist/types/directives/svg-icons.d.ts +0 -12
- package/dist/types/index.d.ts +0 -1
- package/package.json +1 -1
package/dist/App.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
|
|
4
|
+
// import Home from './pages/home';
|
|
6
5
|
require("./App.scss");
|
|
7
6
|
const App = () => {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
|
|
9
8
|
};
|
|
10
9
|
exports.default = App;
|
package/dist/assets/flex.css
CHANGED
|
@@ -6747,6 +6747,7 @@
|
|
|
6747
6747
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
6748
6748
|
}
|
|
6749
6749
|
|
|
6750
|
+
|
|
6750
6751
|
.hover\:text-white-alpha-10:hover {
|
|
6751
6752
|
color: rgba(255, 255, 255, 0.1) !important;
|
|
6752
6753
|
}
|
|
@@ -6960,6 +6961,10 @@
|
|
|
6960
6961
|
.bg-white {
|
|
6961
6962
|
background-color: #ffffff !important;
|
|
6962
6963
|
}
|
|
6964
|
+
.bg-black {
|
|
6965
|
+
background-color: #000000 !important;
|
|
6966
|
+
}
|
|
6967
|
+
|
|
6963
6968
|
|
|
6964
6969
|
.border-primary {
|
|
6965
6970
|
border-color: var(--primary-color) !important;
|
|
@@ -7059,6 +7064,18 @@
|
|
|
7059
7064
|
background-color: #ffffff !important;
|
|
7060
7065
|
}
|
|
7061
7066
|
|
|
7067
|
+
.focus\:bg-black:focus {
|
|
7068
|
+
background-color: #000000 !important;
|
|
7069
|
+
}
|
|
7070
|
+
|
|
7071
|
+
.hover\:bg-black:hover {
|
|
7072
|
+
background-color: #000000 !important;
|
|
7073
|
+
}
|
|
7074
|
+
|
|
7075
|
+
.active\:bg-black:active {
|
|
7076
|
+
background-color: #000000 !important;
|
|
7077
|
+
}
|
|
7078
|
+
|
|
7062
7079
|
.focus\:border-primary:focus {
|
|
7063
7080
|
border-color: var(--primary-color) !important;
|
|
7064
7081
|
}
|
|
@@ -7074,13 +7091,16 @@
|
|
|
7074
7091
|
.focus\:text-white:focus {
|
|
7075
7092
|
color: #ffffff !important;
|
|
7076
7093
|
}
|
|
7094
|
+
.focus\:text-black:focus {
|
|
7095
|
+
color: #000000!important;
|
|
7096
|
+
}
|
|
7077
7097
|
|
|
7078
|
-
.hover\:text-
|
|
7079
|
-
color: #
|
|
7098
|
+
.hover\:text-black:hover {
|
|
7099
|
+
color: #000000 !important;
|
|
7080
7100
|
}
|
|
7081
7101
|
|
|
7082
|
-
.active\:text-
|
|
7083
|
-
color: #
|
|
7102
|
+
.active\:text-black:active {
|
|
7103
|
+
color: #000000 !important;
|
|
7084
7104
|
}
|
|
7085
7105
|
|
|
7086
7106
|
.focus\:border-white:focus {
|
|
@@ -7206,12 +7226,19 @@
|
|
|
7206
7226
|
.sm\:bg-white {
|
|
7207
7227
|
background-color: #ffffff !important;
|
|
7208
7228
|
}
|
|
7229
|
+
|
|
7230
|
+
.sm\:bg-black {
|
|
7231
|
+
background-color: #000000 !important;
|
|
7232
|
+
}
|
|
7209
7233
|
.sm\:border-primary {
|
|
7210
7234
|
border-color: var(--primary-color) !important;
|
|
7211
7235
|
}
|
|
7212
7236
|
.sm\:text-white {
|
|
7213
7237
|
color: #ffffff !important;
|
|
7214
7238
|
}
|
|
7239
|
+
.sm\:text-black{
|
|
7240
|
+
color: #000000 !important;
|
|
7241
|
+
}
|
|
7215
7242
|
.sm\:border-white {
|
|
7216
7243
|
border-color: #ffffff !important;
|
|
7217
7244
|
}
|
|
@@ -7281,6 +7308,15 @@
|
|
|
7281
7308
|
.sm\:active\:bg-white:active {
|
|
7282
7309
|
background-color: #ffffff !important;
|
|
7283
7310
|
}
|
|
7311
|
+
.sm\:focus\:bg-black:focus {
|
|
7312
|
+
background-color: #000000 !important;
|
|
7313
|
+
}
|
|
7314
|
+
.sm\:hover\:bg-black:hover {
|
|
7315
|
+
background-color: #000000 !important;
|
|
7316
|
+
}
|
|
7317
|
+
.sm\:active\:bg-black:active {
|
|
7318
|
+
background-color: #000000 !important;
|
|
7319
|
+
}
|
|
7284
7320
|
.sm\:focus\:border-primary:focus {
|
|
7285
7321
|
border-color: var(--primary-color) !important;
|
|
7286
7322
|
}
|
|
@@ -7299,6 +7335,15 @@
|
|
|
7299
7335
|
.sm\:active\:text-white:active {
|
|
7300
7336
|
color: #ffffff !important;
|
|
7301
7337
|
}
|
|
7338
|
+
.sm\:focus\:text-black:focus {
|
|
7339
|
+
color: #000000 !important;
|
|
7340
|
+
}
|
|
7341
|
+
.sm\:hover\:text-black:hover {
|
|
7342
|
+
color: #000000 !important;
|
|
7343
|
+
}
|
|
7344
|
+
.sm\:active\:text-black:active {
|
|
7345
|
+
color: #000000 !important;
|
|
7346
|
+
}
|
|
7302
7347
|
.sm\:focus\:border-white:focus {
|
|
7303
7348
|
border-color: #ffffff !important;
|
|
7304
7349
|
}
|
|
@@ -7396,12 +7441,19 @@
|
|
|
7396
7441
|
.md\:bg-white {
|
|
7397
7442
|
background-color: #ffffff !important;
|
|
7398
7443
|
}
|
|
7444
|
+
|
|
7445
|
+
.md\:bg-black {
|
|
7446
|
+
background-color: #000000 !important;
|
|
7447
|
+
}
|
|
7399
7448
|
.md\:border-primary {
|
|
7400
7449
|
border-color: var(--primary-color) !important;
|
|
7401
7450
|
}
|
|
7402
7451
|
.md\:text-white {
|
|
7403
7452
|
color: #ffffff !important;
|
|
7404
7453
|
}
|
|
7454
|
+
.md\:text-black {
|
|
7455
|
+
color: #000000 !important;
|
|
7456
|
+
}
|
|
7405
7457
|
.md\:border-white {
|
|
7406
7458
|
border-color: #ffffff !important;
|
|
7407
7459
|
}
|
|
@@ -7471,6 +7523,15 @@
|
|
|
7471
7523
|
.md\:active\:bg-white:active {
|
|
7472
7524
|
background-color: #ffffff !important;
|
|
7473
7525
|
}
|
|
7526
|
+
.md\:focus\:bg-black:focus {
|
|
7527
|
+
background-color: #000000 !important;
|
|
7528
|
+
}
|
|
7529
|
+
.md\:hover\:bg-black:hover {
|
|
7530
|
+
background-color: #000000 !important;
|
|
7531
|
+
}
|
|
7532
|
+
.md\:active\:bg-black:active {
|
|
7533
|
+
background-color: #000000 !important;
|
|
7534
|
+
}
|
|
7474
7535
|
.md\:focus\:border-primary:focus {
|
|
7475
7536
|
border-color: var(--primary-color) !important;
|
|
7476
7537
|
}
|
|
@@ -7489,6 +7550,15 @@
|
|
|
7489
7550
|
.md\:active\:text-white:active {
|
|
7490
7551
|
color: #ffffff !important;
|
|
7491
7552
|
}
|
|
7553
|
+
.md\:focus\:text-black:focus {
|
|
7554
|
+
color: #000000 !important;
|
|
7555
|
+
}
|
|
7556
|
+
.md\:hover\:text-black:hover {
|
|
7557
|
+
color: #000000 !important;
|
|
7558
|
+
}
|
|
7559
|
+
.md\:active\:text-black:active {
|
|
7560
|
+
color: #000000 !important;
|
|
7561
|
+
}
|
|
7492
7562
|
.md\:focus\:border-white:focus {
|
|
7493
7563
|
border-color: #ffffff !important;
|
|
7494
7564
|
}
|
|
@@ -7586,12 +7656,19 @@
|
|
|
7586
7656
|
.lg\:bg-white {
|
|
7587
7657
|
background-color: #ffffff !important;
|
|
7588
7658
|
}
|
|
7659
|
+
|
|
7660
|
+
.lg\:bg-black {
|
|
7661
|
+
background-color: #000000 !important;
|
|
7662
|
+
}
|
|
7589
7663
|
.lg\:border-primary {
|
|
7590
7664
|
border-color: var(--primary-color) !important;
|
|
7591
7665
|
}
|
|
7592
7666
|
.lg\:text-white {
|
|
7593
7667
|
color: #ffffff !important;
|
|
7594
7668
|
}
|
|
7669
|
+
.lg\:text-black {
|
|
7670
|
+
color: #000000 !important;
|
|
7671
|
+
}
|
|
7595
7672
|
.lg\:border-white {
|
|
7596
7673
|
border-color: #ffffff !important;
|
|
7597
7674
|
}
|
|
@@ -7661,6 +7738,16 @@
|
|
|
7661
7738
|
.lg\:active\:bg-white:active {
|
|
7662
7739
|
background-color: #ffffff !important;
|
|
7663
7740
|
}
|
|
7741
|
+
|
|
7742
|
+
.lg\:focus\:bg-black:focus {
|
|
7743
|
+
background-color: #000000 !important;
|
|
7744
|
+
}
|
|
7745
|
+
.lg\:hover\:bg-black:hover {
|
|
7746
|
+
background-color: #000000 !important;
|
|
7747
|
+
}
|
|
7748
|
+
.lg\:active\:bg-black:active {
|
|
7749
|
+
background-color: #000000 !important;
|
|
7750
|
+
}
|
|
7664
7751
|
.lg\:focus\:border-primary:focus {
|
|
7665
7752
|
border-color: var(--primary-color) !important;
|
|
7666
7753
|
}
|
|
@@ -7679,6 +7766,15 @@
|
|
|
7679
7766
|
.lg\:active\:text-white:active {
|
|
7680
7767
|
color: #ffffff !important;
|
|
7681
7768
|
}
|
|
7769
|
+
.lg\:focus\:text-black:focus {
|
|
7770
|
+
color: #000000 !important;
|
|
7771
|
+
}
|
|
7772
|
+
.lg\:hover\:text-black:hover {
|
|
7773
|
+
color: #000000 !important;
|
|
7774
|
+
}
|
|
7775
|
+
.lg\:active\:text-black:active {
|
|
7776
|
+
color: #000000 !important;
|
|
7777
|
+
}
|
|
7682
7778
|
.lg\:focus\:border-white:focus {
|
|
7683
7779
|
border-color: #ffffff !important;
|
|
7684
7780
|
}
|
|
@@ -7776,12 +7872,18 @@
|
|
|
7776
7872
|
.xl\:bg-white {
|
|
7777
7873
|
background-color: #ffffff !important;
|
|
7778
7874
|
}
|
|
7875
|
+
.xl\:bg-black {
|
|
7876
|
+
background-color: #000000 !important;
|
|
7877
|
+
}
|
|
7779
7878
|
.xl\:border-primary {
|
|
7780
7879
|
border-color: var(--primary-color) !important;
|
|
7781
7880
|
}
|
|
7782
7881
|
.xl\:text-white {
|
|
7783
7882
|
color: #ffffff !important;
|
|
7784
7883
|
}
|
|
7884
|
+
.xl\:text-black {
|
|
7885
|
+
color: #000000 !important;
|
|
7886
|
+
}
|
|
7785
7887
|
.xl\:border-white {
|
|
7786
7888
|
border-color: #ffffff !important;
|
|
7787
7889
|
}
|
|
@@ -7851,6 +7953,15 @@
|
|
|
7851
7953
|
.xl\:active\:bg-white:active {
|
|
7852
7954
|
background-color: #ffffff !important;
|
|
7853
7955
|
}
|
|
7956
|
+
.xl\:focus\:bg-black:focus {
|
|
7957
|
+
background-color: #000000 !important;
|
|
7958
|
+
}
|
|
7959
|
+
.xl\:hover\:bg-black:hover {
|
|
7960
|
+
background-color: #000000 !important;
|
|
7961
|
+
}
|
|
7962
|
+
.xl\:active\:bg-black:active {
|
|
7963
|
+
background-color: #000000 !important;
|
|
7964
|
+
}
|
|
7854
7965
|
.xl\:focus\:border-primary:focus {
|
|
7855
7966
|
border-color: var(--primary-color) !important;
|
|
7856
7967
|
}
|
|
@@ -7869,6 +7980,15 @@
|
|
|
7869
7980
|
.xl\:active\:text-white:active {
|
|
7870
7981
|
color: #ffffff !important;
|
|
7871
7982
|
}
|
|
7983
|
+
.xl\:focus\:text-black:focus {
|
|
7984
|
+
color: #000000 !important;
|
|
7985
|
+
}
|
|
7986
|
+
.xl\:hover\:text-black:hover {
|
|
7987
|
+
color: #000000 !important;
|
|
7988
|
+
}
|
|
7989
|
+
.xl\:active\:text-black:active {
|
|
7990
|
+
color: #000000 !important;
|
|
7991
|
+
}
|
|
7872
7992
|
.xl\:focus\:border-white:focus {
|
|
7873
7993
|
border-color: #ffffff !important;
|
|
7874
7994
|
}
|
|
@@ -21481,3 +21601,18 @@
|
|
|
21481
21601
|
.animation-fill-both {
|
|
21482
21602
|
animation-fill-mode: both !important;
|
|
21483
21603
|
}
|
|
21604
|
+
|
|
21605
|
+
|
|
21606
|
+
.text-black{
|
|
21607
|
+
color: #000000 !important;
|
|
21608
|
+
}
|
|
21609
|
+
|
|
21610
|
+
.hover\:text-black{
|
|
21611
|
+
color: #000000 !important;
|
|
21612
|
+
}
|
|
21613
|
+
.focus\:text-black{
|
|
21614
|
+
color: #000000 v;
|
|
21615
|
+
}
|
|
21616
|
+
.active\:text-black{
|
|
21617
|
+
color: #000000 !important;
|
|
21618
|
+
}
|
package/dist/assets/sccoreui.css
CHANGED
|
@@ -7784,8 +7784,8 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
7784
7784
|
margin-right: 0.5rem;
|
|
7785
7785
|
}
|
|
7786
7786
|
.p-chip img {
|
|
7787
|
-
width:
|
|
7788
|
-
height:
|
|
7787
|
+
width: 1rem;
|
|
7788
|
+
height: 1rem;
|
|
7789
7789
|
margin-left: -0.75rem;
|
|
7790
7790
|
margin-right: 0.5rem;
|
|
7791
7791
|
}
|
|
@@ -8630,7 +8630,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8630
8630
|
stroke-dasharray: 80px,200px;
|
|
8631
8631
|
stroke-dashoffset: 0;
|
|
8632
8632
|
-webkit-animation: animation-1p2h4ri 1.8s ease-in-out infinite;
|
|
8633
|
-
animation: animation-1p2h4ri
|
|
8633
|
+
animation: animation-1p2h4ri ease-in-out infinite;
|
|
8634
8634
|
}
|
|
8635
8635
|
|
|
8636
8636
|
@keyframes animation-1p2h4ri {
|
|
@@ -8688,6 +8688,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8688
8688
|
}
|
|
8689
8689
|
|
|
8690
8690
|
|
|
8691
|
+
|
|
8691
8692
|
/* SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
|
|
8692
8693
|
|
|
8693
8694
|
|
package/dist/assets/theme.css
CHANGED
|
@@ -501,6 +501,7 @@
|
|
|
501
501
|
.p-calendar .p-inputtext {
|
|
502
502
|
flex: 1 1 auto;
|
|
503
503
|
width: 1%;
|
|
504
|
+
padding-left: 0;
|
|
504
505
|
}
|
|
505
506
|
|
|
506
507
|
.p-calendar-w-btn-right .p-inputtext {
|
|
@@ -541,7 +542,7 @@
|
|
|
541
542
|
border: 1px solid var(--gray-300);
|
|
542
543
|
height: 40px;
|
|
543
544
|
border-right: 0px;
|
|
544
|
-
padding-left:
|
|
545
|
+
padding-left:16px !important;
|
|
545
546
|
}
|
|
546
547
|
|
|
547
548
|
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokewidth = "6", bgstrokecolor = "var(--gray-100)", bgstroke = false, animationduration = "3500ms" }) => {
|
|
5
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { strokeLinecap: "round", animationDuration: animationduration, stroke: color } }) })) })), bgstroke && (0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { stroke: bgstrokecolor } }) })) }))] })));
|
|
6
|
+
};
|
|
7
|
+
exports.default = CustomLoadingIndicator;
|