@rolster/styles-foundations 1.1.10 → 1.1.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 (8) hide show
  1. package/dist/rolster-styles.css +69 -62
  2. package/dist/rolster-styles.min.css +1 -1
  3. package/dist/rolster-styles.rtl.css +69 -62
  4. package/dist/rolster-styles.rtl.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_rolster-components.scss +1 -0
  7. package/scss/components/_data-table.scss +10 -4
  8. package/scss/foundations/_colors-foundations.scss +64 -62
package/scss/foundations/_colors-foundations.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Colors Foundations
2
- // v2.1.0
2
+ // v2.2.0
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 03/Mar/2022
6
- // Updated: 06/Abr/2024
6
+ // Updated: 13/Abr/2024
7
7
 
8
8
  :root {
9
9
  --background-dark-500: rgba(37, 38, 65, 1);
@@ -72,142 +72,144 @@
72
72
 
73
73
  // COLORS SUCCESS
74
74
 
75
- --color-success-900: rgba(16, 81, 70, 1);
75
+ --color-success-900: rgba(4, 80, 56, 1);
76
76
 
77
- --color-success-700: rgba(10, 123, 104, 1);
77
+ --color-success-700: rgba(0, 124, 82, 1);
78
78
 
79
- --color-success-500: rgba(12, 192, 157, 1);
79
+ --color-success-500: rgba(10, 191, 121, 1);
80
80
 
81
- --color-success-300: rgba(87, 241, 204, 1);
81
+ --color-success-300: rgba(106, 235, 177, 1);
82
82
 
83
- --color-success-100: rgba(202, 253, 238, 1);
83
+ --color-success-100: rgba(208, 251, 227, 1);
84
84
 
85
- --skeleton-success-500: rgba(10, 123, 104, 0.5);
85
+ --skeleton-success-500: rgba(0, 124, 82, 0.5);
86
86
 
87
- --skeleton-success-300: rgba(10, 123, 104, 0.25);
87
+ --skeleton-success-300: rgba(0, 124, 82, 0.25);
88
88
 
89
- --skeleton-success-100: rgba(10, 123, 104, 0.1);
89
+ --skeleton-success-100: rgba(0, 124, 82, 0.1);
90
90
 
91
- --box-shadow-success-500: rgba(12, 192, 157, 0.24);
91
+ --box-shadow-success-500: rgba(10, 191, 121, 0.24);
92
92
 
93
- --backdrop-success-500: rgba(16, 81, 70, 0.8);
93
+ --backdrop-success-500: rgba(4, 80, 56, 0.8);
94
94
 
95
95
  --gradient-success-500: linear-gradient(
96
96
  180deg,
97
- rgb(12, 192, 157) 0%,
98
- rgb(10, 123, 104) 100%
97
+ rgb(10, 191, 121) 0%,
98
+ rgb(0, 124, 82) 100%
99
99
  );
100
100
 
101
101
  // COLORS INFO
102
102
 
103
- --color-info-900: rgba(10, 77, 112, 1);
103
+ --color-info-900: rgba(7, 70, 115, 1);
104
104
 
105
- --color-info-700: rgba(0, 110, 164, 1);
105
+ --color-info-700: rgba(0, 100, 170, 1);
106
106
 
107
- --color-info-500: rgba(24, 182, 246, 1);
107
+ --color-info-500: rgba(2, 159, 245, 1);
108
108
 
109
- --color-info-300: rgba(122, 215, 255, 1);
109
+ --color-info-300: rgba(118, 207, 255, 1);
110
110
 
111
- --color-info-100: rgba(218, 243, 253, 1);
111
+ --color-info-100: rgba(222, 241, 255, 1);
112
112
 
113
- --skeleton-info-500: rgba(0, 110, 164, 0.5);
113
+ --skeleton-info-500: rgba(0, 100, 170, 0.5);
114
114
 
115
- --skeleton-info-300: rgba(0, 110, 164, 0.25);
115
+ --skeleton-info-300: rgba(0, 100, 170, 0.25);
116
116
 
117
- --skeleton-info-100: rgba(0, 110, 164, 0.1);
117
+ --skeleton-info-100: rgba(0, 100, 170, 0.1);
118
118
 
119
- --box-shadow-info-500: rgba(24, 182, 246, 0.24);
119
+ --box-shadow-info-500: rgba(2, 159, 245, 0.24);
120
120
 
121
- --backdrop-info-500: rgba(10, 77, 112, 0.8);
121
+ --backdrop-info-500: rgba(7, 70, 115, 0.8);
122
122
 
123
123
  --gradient-info-500: linear-gradient(
124
124
  180deg,
125
- rgb(24, 182, 246) 0%,
126
- rgb(0, 110, 164) 100%
125
+ rgb(2, 159, 245) 0%,
126
+ rgb(0, 100, 170) 100%
127
127
  );
128
128
 
129
129
  // COLORS HAPPY
130
130
 
131
- --color-happy-900: rgb(63, 3, 104, 1);
131
+ --color-happy-900: rgb(63, 19, 63, 1);
132
132
 
133
- --color-happy-700: rgb(113, 27, 174, 1);
133
+ --color-happy-700: rgb(142, 58, 145, 1);
134
134
 
135
- --color-happy-500: rgba(154, 43, 242, 1);
135
+ --color-happy-500: rgba(170, 73, 176, 1);
136
136
 
137
- --color-happy-300: rgb(197, 127, 255, 1);
137
+ --color-happy-300: rgba(217, 147, 223, 1);
138
138
 
139
- --color-happy-100: rgb(243, 219, 238, 1);
139
+ --color-happy-100: rgba(240, 217, 245, 1);
140
140
 
141
- --skeleton-happy-500: rgba(113, 27, 174, 0.5);
141
+ --skeleton-happy-500: rgba(142, 58, 145, 0.5);
142
142
 
143
- --skeleton-happy-300: rgba(113, 27, 174, 0.25);
143
+ --skeleton-happy-300: rgba(142, 58, 145, 0.25);
144
144
 
145
- --skeleton-happy-100: rgba(113, 27, 174, 0.1);
145
+ --skeleton-happy-100: rgba(142, 58, 145, 0.1);
146
146
 
147
- --box-shadow-happy-500: rgba(154, 43, 242, 0.24);
147
+ --box-shadow-happy-500: rgba(170, 73, 176, 0.24);
148
148
 
149
- --backdrop-happy-500: rgba(63, 3, 104, 0.8);
149
+ --backdrop-happy-500: rgba(63, 19, 63, 0.8);
150
150
 
151
151
  --gradient-happy-500: linear-gradient(
152
152
  180deg,
153
- rgb(154, 43, 242) 0%,
154
- rgb(113, 27, 174) 100%
153
+ rgb(170, 73, 176) 0%,
154
+ rgb(142, 58, 145) 100%
155
155
  );
156
156
 
157
157
  // COLORS WARNING
158
158
 
159
- --color-warning-900: rgb(70, 27, 2, 1);
159
+ --color-warning-900: rgb(116, 68, 15, 1);
160
160
 
161
- --color-warning-700: rgba(164, 96, 4, 1);
161
+ --color-warning-700: rgba(166, 107, 2, 1);
162
162
 
163
- --color-warning-500: rgb(239, 178, 3, 1);
163
+ --color-warning-500: rgb(255, 206, 0, 1);
164
164
 
165
- --color-warning-300: rgb(255, 196, 28, 1);
165
+ --color-warning-300: rgba(255, 238, 65, 1);
166
166
 
167
- --color-warning-100: rgb(255, 249, 194, 1);
167
+ --color-warning-100: rgba(255, 254, 193, 1);
168
168
 
169
- --skeleton-warning-500: rgba(164, 96, 4, 0.5);
169
+ --skeleton-warning-500: rgba(166, 107, 2, 0.5);
170
170
 
171
- --skeleton-warning-300: rgba(164, 96, 4, 0.25);
171
+ --skeleton-warning-300: rgba(166, 107, 2, 0.25);
172
172
 
173
- --skeleton-warning-100: rgba(164, 96, 4, 0.1);
173
+ --skeleton-warning-100: rgba(166, 107, 2, 0.1);
174
174
 
175
- --box-shadow-warning-500: rgba(239, 178, 3, 0.24);
175
+ --box-shadow-warning-500: rgba(255, 206, 0, 0.24);
176
176
 
177
- --backdrop-warning-500: rgba(70, 27, 2, 0.8);
177
+ --backdrop-warning-500: rgba(116, 68, 15, 0.8);
178
178
 
179
179
  --gradient-warning-500: linear-gradient(
180
180
  180deg,
181
- rgb(239, 178, 3) 0%,
182
- rgb(164, 96, 4) 100%
181
+ rgb(255, 206, 0) 0%,
182
+ rgb(166, 107, 2) 100%
183
183
  );
184
184
 
185
185
  // COLORS DANGER
186
186
 
187
- --color-danger-900: rgba(130, 26, 26, 1);
187
+ color: rgb(136, 20, 20);
188
188
 
189
- --color-danger-700: rgba(190, 23, 23, 1);
189
+ --color-danger-900: rgba(136, 20, 20, 1);
190
190
 
191
- --color-danger-500: rgba(244, 60, 60, 1);
191
+ --color-danger-700: rgba(200, 13, 13, 1);
192
192
 
193
- --color-danger-300: rgba(255, 162, 162, 1);
193
+ --color-danger-500: rgba(255, 44, 44, 1);
194
194
 
195
- --color-danger-100: rgba(254, 242, 242, 1);
195
+ --color-danger-300: rgba(255, 157, 157, 1);
196
196
 
197
- --skeleton-danger-500: rgba(190, 23, 23, 0.5);
197
+ --color-danger-100: rgba(255, 223, 223, 1);
198
198
 
199
- --skeleton-danger-300: rgba(190, 23, 23, 0.25);
199
+ --skeleton-danger-500: rgba(200, 13, 13, 0.5);
200
200
 
201
- --skeleton-danger-100: rgba(190, 23, 23, 0.1);
201
+ --skeleton-danger-300: rgba(200, 13, 13, 0.25);
202
202
 
203
- --box-shadow-danger-500: rgba(244, 60, 60, 0.24);
203
+ --skeleton-danger-100: rgba(200, 13, 13, 0.1);
204
204
 
205
- --backdrop-danger-500: rgba(130, 26, 26, 0.8);
205
+ --box-shadow-danger-500: rgba(255, 44, 44, 0.24);
206
+
207
+ --backdrop-danger-500: rgba(136, 20, 20, 0.8);
206
208
 
207
209
  --gradient-danger-500: linear-gradient(
208
210
  180deg,
209
- rgb(244, 60, 60) 0%,
210
- rgb(190, 23, 23) 100%
211
+ rgb(255, 44, 44) 0%,
212
+ rgb(200, 13, 13) 100%
211
213
  );
212
214
 
213
215
  // COLORS COFFEE