ps-toolkit-ui 1.11.9 → 1.11.11

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/assets/styles/base.css +44 -44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ps-toolkit-ui",
3
- "version": "1.11.9",
3
+ "version": "1.11.11",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^10.1.6",
6
6
  "@angular/core": "^10.1.6"
package/src/assets/styles/base.css CHANGED
@@ -86,54 +86,54 @@ a:focus{outline: none!important;}
86
86
  .c-base-dark{color: var(--base-dark) !important; } .c-base{color: var(--base) !important; } .c-base-light{color: var(--base-light) !important; } .c-base-white{color: var(--base-white) !important; } .c-green-dark{color: var(--green-dark) !important; } .c-green{color: var(--green) !important; } .c-green-light{color: var(--green-light) !important; } .c-green-white{color: var(--green-white) !important; } .c-blue-dark{color: var(--blue-dark) !important; } .c-blue{color: var(--blue) !important; } .c-blue-light{color: var(--blue-light) !important; } .c-blue-white{color: var(--blue-white) !important; } .c-red-dark{color: var(--red-dark) !important; } .c-red{color: var(--red) !important; } .c-red-light{color: var(--red-light) !important; } .c-red-white{color: var(--red-white) !important; } .c-yellow-dark{color: var(--yellow-dark) !important; } .c-yellow{color: var(--yellow) !important; } .c-yellow-light{color: var(--yellow-light) !important; } .c-yellow-white{color: var(--yellow-white) !important; } .c-gold{color: var(--gold) !important; } .c-gold-dark{color: var(--gold-dark) !important; } .c-black-dark{color: var(--black-dark) !important; } .c-black{color: var(--black) !important; } .c-black-light{color: var(--black-light) !important; } .c-black-44{color: var(--black-44) !important; } .c-black-white{color: var(--black-white) !important; } .c-white-dark{color: var(--white-dark) !important; } .c-white{color: var(--white) !important; } .c-primary-dark{color: var(--primary-dark) !important; } .c-primary{color: var(--primary) !important; } .c-primary-light{color: var(--primary-light) !important; } .c-primary-white{color: var(--primary-white) !important; } .c-secondary-dark{color: var(--secondary-dark) !important; } .c-secondary{color: var(--secondary) !important; } .c-secondary-light{color: var(--secondary-light) !important; } .c-secondary-white{color: var(--secondary-white) !important;}
87
87
  .bg-base-dark{background-color: var(--base-dark) !important; } .bg-base{background-color: var(--base) !important; } .bg-base-light{background-color: var(--base-light) !important; } .bg-base-white{background-color: var(--base-white) !important; } .bg-green-dark{background-color: var(--green-dark) !important; } .bg-green{background-color: var(--green) !important; } .bg-green-light{background-color: var(--green-light) !important; } .bg-green-white{background-color: var(--green-white) !important; } .bg-blue-dark{background-color: var(--blue-dark) !important; } .bg-blue{background-color: var(--blue) !important; } .bg-blue-light{background-color: var(--blue-light) !important; } .bg-blue-white{background-color: var(--blue-white) !important; } .bg-red-dark{background-color: var(--red-dark) !important; } .bg-red{background-color: var(--red) !important; } .bg-red-light{background-color: var(--red-light) !important; } .bg-red-white{background-color: var(--red-white) !important; } .bg-yellow-dark{background-color: var(--yellow-dark) !important; } .bg-yellow{background-color: var(--yellow) !important; } .bg-yellow-light{background-color: var(--yellow-light) !important; } .bg-yellow-white{background-color: var(--yellow-white) !important; } .bg-black-dark{background-color: var(--black-dark) !important; } .bg-black{background-color: var(--black) !important; } .bg-black-light{background-color: var(--black-light) !important; } .bg-black-44{background-color: var(--black-44) !important; } .bg-black-white{background-color: var(--black-white) !important; } .bg-white-dark{background-color: var(--white-dark) !important; } .bg-white{background-color: var(--white) !important; } .bg-primary-dark{background-color: var(--primary-dark) !important; } .bg-primary{background-color: var(--primary) !important; } .bg-primary-light{background-color: var(--primary-light) !important; } .bg-primary-white{background-color: var(--primary-white) !important; } .bg-secondary-dark{background-color: var(--secondary-dark) !important; } .bg-secondary{background-color: var(--secondary) !important; } .bg-secondary-light{background-color: var(--secondary-light) !important; } .bg-secondary-white{background-color: var(--secondary-white) !important;}
88
88
  .b-r{border-radius: var(--border-radius-base) !important;}
89
+ .underline:after, .form-group-title:after{
90
+ content:"";
91
+ border: 0;
92
+ height: 1px;
93
+ width: 100%;
94
+ float: right;
95
+ position: absolute;
96
+ right: 0;
97
+ bottom: 0;
98
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
99
+ }
89
100
 
90
- .topline{
91
- border: 1px solid transparent;
92
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05)),
93
- linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
94
- linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
95
- linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
96
- background-origin: border-box;
97
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
98
- background-position: top left, top right, bottom right, bottom left;
99
- background-repeat: no-repeat;
100
- }
101
- .rightline{
102
- border: 1px solid transparent;
103
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
104
- linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05)),
105
- linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
106
- linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
107
- background-origin: border-box;
108
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
109
- background-position: top left, top right, bottom right, bottom left;
110
- background-repeat: no-repeat;
111
- }
112
- .underline, .form-group-title{
113
- border: 1px solid transparent;
114
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
115
- linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
116
- linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05)),
117
- linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
118
- background-origin: border-box;
119
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
120
- background-position: top left, top right, bottom right, bottom left;
121
- background-repeat: no-repeat;
122
- }
123
- .report .underline, .report .form-group-title{
101
+ .report .underline:after, .report .form-group-title:after{
124
102
  background-image: none;
125
103
  border-bottom: 1px solid var(--black-light);
126
104
  }
127
- .leftline{
128
- border: 1px solid transparent;
129
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
130
- linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
131
- linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
132
- linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
133
- background-origin: border-box;
134
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
135
- background-position: top left, top right, bottom right, bottom left;
136
- background-repeat: no-repeat;
105
+ .topline:before{
106
+ content:"";
107
+ border: 0;
108
+ height: 1px;
109
+ width: 100%;
110
+ float: right;
111
+ position: absolute;
112
+ right: 0;
113
+ top: 0;
114
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
115
+ }
116
+ .rightline:before{
117
+ content:"";
118
+ border: 0;
119
+ height: 100%;
120
+ width: 1px;
121
+ float: right;
122
+ position: absolute;
123
+ right: 0;
124
+ bottom: 0;
125
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
126
+ }
127
+ .leftline:before{
128
+ content:"";
129
+ border: 0;
130
+ height: 100%;
131
+ width: 1px;
132
+ float: right;
133
+ position: absolute;
134
+ left: 0;
135
+ bottom: 0;
136
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
137
137
  }
138
138
  html{
139
139
  writing-mode: rl;