slu-design-system 3.2.6 → 3.2.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.
Files changed (3) hide show
  1. package/dist/designsystem-slu.css +72 -72
  2. package/dist/designsystem-slu.min.css +1 -1
  3. package/package.json +1 -1
package/dist/designsystem-slu.css CHANGED
@@ -27,41 +27,41 @@
27
27
  --bs-gray-900: #212529;
28
28
  --bs-primary: #154734;
29
29
  --bs-secondary: #6c757d;
30
- --bs-success: #52a852;
30
+ --bs-success: #509e2f;
31
31
  --bs-info: #17a2b8;
32
- --bs-warning: #db7100;
32
+ --bs-warning: #ffb81c;
33
33
  --bs-danger: #b83d39;
34
34
  --bs-light: #f8f9fa;
35
35
  --bs-dark: #212529;
36
36
  --bs-primary-rgb: 21, 71, 52;
37
37
  --bs-secondary-rgb: 108, 117, 125;
38
- --bs-success-rgb: 82, 168, 82;
38
+ --bs-success-rgb: 80, 158, 47;
39
39
  --bs-info-rgb: 23, 162, 184;
40
- --bs-warning-rgb: 219, 113, 0;
40
+ --bs-warning-rgb: 255, 184, 28;
41
41
  --bs-danger-rgb: 184, 61, 57;
42
42
  --bs-light-rgb: 248, 249, 250;
43
43
  --bs-dark-rgb: 33, 37, 41;
44
44
  --bs-primary-text-emphasis: #081c15;
45
45
  --bs-secondary-text-emphasis: #2b2f32;
46
- --bs-success-text-emphasis: #214321;
46
+ --bs-success-text-emphasis: #203f13;
47
47
  --bs-info-text-emphasis: #09414a;
48
- --bs-warning-text-emphasis: #582d00;
48
+ --bs-warning-text-emphasis: #664a0b;
49
49
  --bs-danger-text-emphasis: #4a1817;
50
50
  --bs-light-text-emphasis: #495057;
51
51
  --bs-dark-text-emphasis: #495057;
52
52
  --bs-primary-bg-subtle: #d0dad6;
53
53
  --bs-secondary-bg-subtle: #e2e3e5;
54
- --bs-success-bg-subtle: #dceedc;
54
+ --bs-success-bg-subtle: #dcecd5;
55
55
  --bs-info-bg-subtle: #d1ecf1;
56
- --bs-warning-bg-subtle: #f8e3cc;
56
+ --bs-warning-bg-subtle: #fff1d2;
57
57
  --bs-danger-bg-subtle: #f1d8d7;
58
58
  --bs-light-bg-subtle: #fcfcfd;
59
59
  --bs-dark-bg-subtle: #ced4da;
60
60
  --bs-primary-border-subtle: #a1b5ae;
61
61
  --bs-secondary-border-subtle: #c4c8cb;
62
- --bs-success-border-subtle: #badcba;
62
+ --bs-success-border-subtle: #b9d8ac;
63
63
  --bs-info-border-subtle: #a2dae3;
64
- --bs-warning-border-subtle: #f1c699;
64
+ --bs-warning-border-subtle: #ffe3a4;
65
65
  --bs-danger-border-subtle: #e3b1b0;
66
66
  --bs-light-border-subtle: #e9ecef;
67
67
  --bs-dark-border-subtle: #adb5bd;
@@ -114,8 +114,8 @@
114
114
  --bs-focus-ring-width: 0.25rem;
115
115
  --bs-focus-ring-opacity: 0.25;
116
116
  --bs-focus-ring-color: rgba(21, 71, 52, 0.25);
117
- --bs-form-valid-color: #52a852;
118
- --bs-form-valid-border-color: #52a852;
117
+ --bs-form-valid-color: #509e2f;
118
+ --bs-form-valid-border-color: #509e2f;
119
119
  --bs-form-invalid-color: #b83d39;
120
120
  --bs-form-invalid-border-color: #b83d39;
121
121
  }
@@ -138,25 +138,25 @@
138
138
  --bs-tertiary-bg-rgb: 43, 48, 53;
139
139
  --bs-primary-text-emphasis: #739185;
140
140
  --bs-secondary-text-emphasis: #a7acb1;
141
- --bs-success-text-emphasis: #97cb97;
141
+ --bs-success-text-emphasis: #96c582;
142
142
  --bs-info-text-emphasis: #74c7d4;
143
- --bs-warning-text-emphasis: #e9aa66;
143
+ --bs-warning-text-emphasis: #ffd477;
144
144
  --bs-danger-text-emphasis: #d48b88;
145
145
  --bs-light-text-emphasis: #f8f9fa;
146
146
  --bs-dark-text-emphasis: #dee2e6;
147
147
  --bs-primary-bg-subtle: #040e0a;
148
148
  --bs-secondary-bg-subtle: #161719;
149
- --bs-success-bg-subtle: #102210;
149
+ --bs-success-bg-subtle: #102009;
150
150
  --bs-info-bg-subtle: #052025;
151
- --bs-warning-bg-subtle: #2c1700;
151
+ --bs-warning-bg-subtle: #332506;
152
152
  --bs-danger-bg-subtle: #250c0b;
153
153
  --bs-light-bg-subtle: #343a40;
154
154
  --bs-dark-bg-subtle: #1a1d20;
155
155
  --bs-primary-border-subtle: #0d2b1f;
156
156
  --bs-secondary-border-subtle: #41464b;
157
- --bs-success-border-subtle: #316531;
157
+ --bs-success-border-subtle: #305f1c;
158
158
  --bs-info-border-subtle: #0e616e;
159
- --bs-warning-border-subtle: #834400;
159
+ --bs-warning-border-subtle: #996e11;
160
160
  --bs-danger-border-subtle: #6e2522;
161
161
  --bs-light-border-subtle: #495057;
162
162
  --bs-dark-border-subtle: #343a40;
@@ -192,7 +192,7 @@
192
192
 
193
193
  .text-bg-success {
194
194
  color: #000 !important;
195
- background-color: RGBA(82, 168, 82, var(--bs-bg-opacity, 1)) !important;
195
+ background-color: RGBA(80, 158, 47, var(--bs-bg-opacity, 1)) !important;
196
196
  }
197
197
 
198
198
  .text-bg-info {
@@ -202,7 +202,7 @@
202
202
 
203
203
  .text-bg-warning {
204
204
  color: #000 !important;
205
- background-color: RGBA(219, 113, 0, var(--bs-bg-opacity, 1)) !important;
205
+ background-color: RGBA(255, 184, 28, var(--bs-bg-opacity, 1)) !important;
206
206
  }
207
207
 
208
208
  .text-bg-danger {
@@ -243,8 +243,8 @@
243
243
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
244
244
  }
245
245
  .link-success:hover, .link-success:focus {
246
- color: RGBA(117, 185, 117, var(--bs-link-opacity, 1)) !important;
247
- text-decoration-color: RGBA(117, 185, 117, var(--bs-link-underline-opacity, 1)) !important;
246
+ color: RGBA(115, 177, 89, var(--bs-link-opacity, 1)) !important;
247
+ text-decoration-color: RGBA(115, 177, 89, var(--bs-link-underline-opacity, 1)) !important;
248
248
  }
249
249
 
250
250
  .link-info {
@@ -261,8 +261,8 @@
261
261
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
262
262
  }
263
263
  .link-warning:hover, .link-warning:focus {
264
- color: RGBA(226, 141, 51, var(--bs-link-opacity, 1)) !important;
265
- text-decoration-color: RGBA(226, 141, 51, var(--bs-link-underline-opacity, 1)) !important;
264
+ color: RGBA(255, 198, 73, var(--bs-link-opacity, 1)) !important;
265
+ text-decoration-color: RGBA(255, 198, 73, var(--bs-link-underline-opacity, 1)) !important;
266
266
  }
267
267
 
268
268
  .link-danger {
@@ -7735,13 +7735,13 @@ progress {
7735
7735
 
7736
7736
  .table-success {
7737
7737
  --bs-table-color: #000;
7738
- --bs-table-bg: #dceedc;
7739
- --bs-table-border-color: #c6d6c6;
7740
- --bs-table-striped-bg: #d1e2d1;
7738
+ --bs-table-bg: #dcecd5;
7739
+ --bs-table-border-color: #c6d4c0;
7740
+ --bs-table-striped-bg: #d1e0ca;
7741
7741
  --bs-table-striped-color: #000;
7742
- --bs-table-active-bg: #c6d6c6;
7742
+ --bs-table-active-bg: #c6d4c0;
7743
7743
  --bs-table-active-color: #000;
7744
- --bs-table-hover-bg: #ccdccc;
7744
+ --bs-table-hover-bg: #ccdac5;
7745
7745
  --bs-table-hover-color: #000;
7746
7746
  color: var(--bs-table-color);
7747
7747
  border-color: var(--bs-table-border-color);
@@ -7763,13 +7763,13 @@ progress {
7763
7763
 
7764
7764
  .table-warning {
7765
7765
  --bs-table-color: #000;
7766
- --bs-table-bg: #f8e3cc;
7767
- --bs-table-border-color: #dfccb8;
7768
- --bs-table-striped-bg: #ecd8c2;
7766
+ --bs-table-bg: #fff1d2;
7767
+ --bs-table-border-color: #e6d9bd;
7768
+ --bs-table-striped-bg: #f2e5c8;
7769
7769
  --bs-table-striped-color: #000;
7770
- --bs-table-active-bg: #dfccb8;
7770
+ --bs-table-active-bg: #e6d9bd;
7771
7771
  --bs-table-active-color: #000;
7772
- --bs-table-hover-bg: #e5d2bd;
7772
+ --bs-table-hover-bg: #ecdfc2;
7773
7773
  --bs-table-hover-color: #000;
7774
7774
  color: var(--bs-table-color);
7775
7775
  border-color: var(--bs-table-border-color);
@@ -8513,7 +8513,7 @@ textarea.form-control-lg {
8513
8513
  .was-validated .form-control:valid, .form-control.is-valid {
8514
8514
  border-color: var(--bs-form-valid-border-color);
8515
8515
  padding-right: calc(1.3em + 0.75rem);
8516
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8516
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23509e2f' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8517
8517
  background-repeat: no-repeat;
8518
8518
  background-position: right calc(0.325em + 0.1875rem) center;
8519
8519
  background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
@@ -8532,7 +8532,7 @@ textarea.form-control-lg {
8532
8532
  border-color: var(--bs-form-valid-border-color);
8533
8533
  }
8534
8534
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
8535
- --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8535
+ --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23509e2f' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8536
8536
  padding-right: 2.75rem;
8537
8537
  background-position: right 0.5rem center, center right 1.5rem;
8538
8538
  background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
@@ -8810,19 +8810,19 @@ textarea.form-control-lg {
8810
8810
 
8811
8811
  .btn-success {
8812
8812
  --bs-btn-color: #000;
8813
- --bs-btn-bg: #52a852;
8814
- --bs-btn-border-color: #52a852;
8813
+ --bs-btn-bg: #509e2f;
8814
+ --bs-btn-border-color: #509e2f;
8815
8815
  --bs-btn-hover-color: #000;
8816
- --bs-btn-hover-bg: #6cb56c;
8817
- --bs-btn-hover-border-color: #63b163;
8818
- --bs-btn-focus-shadow-rgb: 70, 143, 70;
8816
+ --bs-btn-hover-bg: #6aad4e;
8817
+ --bs-btn-hover-border-color: #62a844;
8818
+ --bs-btn-focus-shadow-rgb: 68, 134, 40;
8819
8819
  --bs-btn-active-color: #000;
8820
- --bs-btn-active-bg: #75b975;
8821
- --bs-btn-active-border-color: #63b163;
8820
+ --bs-btn-active-bg: #73b159;
8821
+ --bs-btn-active-border-color: #62a844;
8822
8822
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8823
8823
  --bs-btn-disabled-color: #000;
8824
- --bs-btn-disabled-bg: #52a852;
8825
- --bs-btn-disabled-border-color: #52a852;
8824
+ --bs-btn-disabled-bg: #509e2f;
8825
+ --bs-btn-disabled-border-color: #509e2f;
8826
8826
  }
8827
8827
 
8828
8828
  .btn-info {
@@ -8844,19 +8844,19 @@ textarea.form-control-lg {
8844
8844
 
8845
8845
  .btn-warning {
8846
8846
  --bs-btn-color: #000;
8847
- --bs-btn-bg: #db7100;
8848
- --bs-btn-border-color: #db7100;
8847
+ --bs-btn-bg: #ffb81c;
8848
+ --bs-btn-border-color: #ffb81c;
8849
8849
  --bs-btn-hover-color: #000;
8850
- --bs-btn-hover-bg: #e08626;
8851
- --bs-btn-hover-border-color: #df7f1a;
8852
- --bs-btn-focus-shadow-rgb: 186, 96, 0;
8850
+ --bs-btn-hover-bg: #ffc33e;
8851
+ --bs-btn-hover-border-color: #ffbf33;
8852
+ --bs-btn-focus-shadow-rgb: 217, 156, 24;
8853
8853
  --bs-btn-active-color: #000;
8854
- --bs-btn-active-bg: #e28d33;
8855
- --bs-btn-active-border-color: #df7f1a;
8854
+ --bs-btn-active-bg: #ffc649;
8855
+ --bs-btn-active-border-color: #ffbf33;
8856
8856
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8857
8857
  --bs-btn-disabled-color: #000;
8858
- --bs-btn-disabled-bg: #db7100;
8859
- --bs-btn-disabled-border-color: #db7100;
8858
+ --bs-btn-disabled-bg: #ffb81c;
8859
+ --bs-btn-disabled-border-color: #ffb81c;
8860
8860
  }
8861
8861
 
8862
8862
  .btn-danger {
@@ -8945,19 +8945,19 @@ textarea.form-control-lg {
8945
8945
  }
8946
8946
 
8947
8947
  .btn-outline-success {
8948
- --bs-btn-color: #52a852;
8949
- --bs-btn-border-color: #52a852;
8948
+ --bs-btn-color: #509e2f;
8949
+ --bs-btn-border-color: #509e2f;
8950
8950
  --bs-btn-hover-color: #000;
8951
- --bs-btn-hover-bg: #52a852;
8952
- --bs-btn-hover-border-color: #52a852;
8953
- --bs-btn-focus-shadow-rgb: 82, 168, 82;
8951
+ --bs-btn-hover-bg: #509e2f;
8952
+ --bs-btn-hover-border-color: #509e2f;
8953
+ --bs-btn-focus-shadow-rgb: 80, 158, 47;
8954
8954
  --bs-btn-active-color: #000;
8955
- --bs-btn-active-bg: #52a852;
8956
- --bs-btn-active-border-color: #52a852;
8955
+ --bs-btn-active-bg: #509e2f;
8956
+ --bs-btn-active-border-color: #509e2f;
8957
8957
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8958
- --bs-btn-disabled-color: #52a852;
8958
+ --bs-btn-disabled-color: #509e2f;
8959
8959
  --bs-btn-disabled-bg: transparent;
8960
- --bs-btn-disabled-border-color: #52a852;
8960
+ --bs-btn-disabled-border-color: #509e2f;
8961
8961
  --bs-gradient: none;
8962
8962
  }
8963
8963
 
@@ -8979,19 +8979,19 @@ textarea.form-control-lg {
8979
8979
  }
8980
8980
 
8981
8981
  .btn-outline-warning {
8982
- --bs-btn-color: #db7100;
8983
- --bs-btn-border-color: #db7100;
8982
+ --bs-btn-color: #ffb81c;
8983
+ --bs-btn-border-color: #ffb81c;
8984
8984
  --bs-btn-hover-color: #000;
8985
- --bs-btn-hover-bg: #db7100;
8986
- --bs-btn-hover-border-color: #db7100;
8987
- --bs-btn-focus-shadow-rgb: 219, 113, 0;
8985
+ --bs-btn-hover-bg: #ffb81c;
8986
+ --bs-btn-hover-border-color: #ffb81c;
8987
+ --bs-btn-focus-shadow-rgb: 255, 184, 28;
8988
8988
  --bs-btn-active-color: #000;
8989
- --bs-btn-active-bg: #db7100;
8990
- --bs-btn-active-border-color: #db7100;
8989
+ --bs-btn-active-bg: #ffb81c;
8990
+ --bs-btn-active-border-color: #ffb81c;
8991
8991
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8992
- --bs-btn-disabled-color: #db7100;
8992
+ --bs-btn-disabled-color: #ffb81c;
8993
8993
  --bs-btn-disabled-bg: transparent;
8994
- --bs-btn-disabled-border-color: #db7100;
8994
+ --bs-btn-disabled-border-color: #ffb81c;
8995
8995
  --bs-gradient: none;
8996
8996
  }
8997
8997