sccoreui 2.4.4 → 2.4.7

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 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
- const home_1 = tslib_1.__importDefault(require("./pages/home"));
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", { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }) }));
7
+ return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
9
8
  };
10
9
  exports.default = App;
@@ -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-white:hover {
7079
- color: #ffffff !important;
7098
+ .hover\:text-black:hover {
7099
+ color: #000000 !important;
7080
7100
  }
7081
7101
 
7082
- .active\:text-white:active {
7083
- color: #ffffff !important;
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
+ }
@@ -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: 2.25rem;
7788
- height: 2.25rem;
7787
+ width: 1rem;
7788
+ height: 1rem;
7789
7789
  margin-left: -0.75rem;
7790
7790
  margin-right: 0.5rem;
7791
7791
  }
@@ -8581,10 +8581,10 @@ input[type="number"]::-webkit-outer-spin-button {
8581
8581
  width: 100%;
8582
8582
  }
8583
8583
 
8584
- .payment-card-input > .p-input-prefix {
8584
+ /* .payment-card-input > .p-input-prefix {
8585
8585
  position: absolute;
8586
8586
  top: 37% !important;
8587
- }
8587
+ } */
8588
8588
 
8589
8589
  .border-noround-right > .p-inputnumber-input {
8590
8590
  border-top-right-radius: 0px !important;
@@ -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 1.3s ease-in-out infinite;
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
 
@@ -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:20px !important;
545
+ padding-left:16px !important;
545
546
  }
546
547
 
547
548
 
@@ -3683,9 +3684,12 @@ input.p-dropdown-label {
3683
3684
  .p-input-icon-left > .p-input-prefix,
3684
3685
  .p-input-icon-right > .p-input-suffix {
3685
3686
  position: absolute;
3686
- top: 47%;
3687
- margin-top: -7px;
3687
+ /* top: 47%;
3688
+ margin-top: -7px; */
3688
3689
  font-size: 13px;
3690
+ display: flex;
3691
+ height: 100%;
3692
+ align-items: center;
3689
3693
  }
3690
3694
 
3691
3695
  .p-fluid .p-input-icon-left,
@@ -6083,6 +6087,21 @@ input.p-dropdown-label {
6083
6087
  }
6084
6088
 
6085
6089
 
6090
+ .p-tooltip.p-tooltip-top {
6091
+ padding: 0.25em 0;
6092
+ }
6093
+
6094
+ .p-tooltip.p-tooltip-bottom {
6095
+ padding: 0.25em 0;
6096
+ }
6097
+
6098
+ .p-tooltip.p-tooltip-right {
6099
+ padding: 0 0.25rem;
6100
+ }
6101
+
6102
+ .p-tooltip.p-tooltip-left {
6103
+ padding: 0 0.25rem;
6104
+ }
6086
6105
  .p-tooltip .p-tooltip-text {
6087
6106
  white-space: pre-line;
6088
6107
  word-break: break-word;
@@ -6097,31 +6116,31 @@ input.p-dropdown-label {
6097
6116
  }
6098
6117
 
6099
6118
  .p-tooltip-right .p-tooltip-arrow {
6100
- top: 45%;
6101
- left: 3px;
6119
+ top: 50%;
6120
+ left: -1px;
6102
6121
  margin-top: -0.25rem;
6103
- border-width: 0.5em 0.5em 0.5em 0;
6122
+ border-width: 0.4em 0.4em 0.4em 0;
6104
6123
  }
6105
6124
 
6106
6125
  .p-tooltip-left .p-tooltip-arrow {
6107
- top: 45%;
6108
- right: 2px;
6126
+ top: 50%;
6127
+ right: -1px;
6109
6128
  margin-top: -0.25rem;
6110
- border-width: 0.5em 0 0.5em 0.5rem;
6129
+ border-width: 0.4em 0 0.4em 0.4rem;
6111
6130
  }
6112
6131
 
6113
6132
  .p-tooltip-top .p-tooltip-arrow {
6114
6133
  bottom: -2px;
6115
- left: 46%;
6134
+ left: 50%;
6116
6135
  margin-left: -0.25rem;
6117
- border-width: 0.5em 0.5em 0 0.5em;
6136
+ border-width: 0.4em 0.4em 0;
6118
6137
  }
6119
6138
 
6120
6139
  .p-tooltip-bottom .p-tooltip-arrow {
6121
6140
  top: -2px;
6122
- left: 45%;
6141
+ left: 50%;
6123
6142
  margin-left: -0.25rem;
6124
- border-width: 0 0.5em 0.5em 0.5em;
6143
+ border-width: 0 0.4em 0.4rem;
6125
6144
  }
6126
6145
 
6127
6146
  /* ############################# Changes END Here ############################# */
@@ -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;