@softheon/armature 19.13.0 → 19.14.1
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/assets/styles/_typography.scss +9 -18
- package/fesm2022/softheon-armature-ag-grid-components.mjs +2 -2
- package/fesm2022/softheon-armature-ag-grid-components.mjs.map +1 -1
- package/fesm2022/softheon-armature.mjs +112 -20
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/base-components/base-component-api.d.ts +2 -1
- package/lib/base-components/base-component.module.d.ts +24 -23
- package/lib/base-components/sof-dropdown-button/sof-dropdown-button.component.d.ts +40 -0
- package/lib/base-components/sof-utility-button/sof-utility-button.component.d.ts +7 -2
- package/package.json +1 -1
- package/ag-grid-components/package.json +0 -3
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
/*
|
|
43
43
|
Text Body/Emphasis
|
|
44
44
|
*/
|
|
45
|
-
[body1], [body2], [body3],
|
|
46
45
|
.body1, .body2, .body3 {
|
|
47
46
|
font-family: var(--sftn-font-family-body, sans-serif); // Consumer = 'Poppins'
|
|
48
47
|
font-style: normal;
|
|
@@ -52,19 +51,16 @@
|
|
|
52
51
|
}
|
|
53
52
|
|
|
54
53
|
/* Body/Emphasis 1 */
|
|
55
|
-
[body1],
|
|
56
54
|
.body1 {
|
|
57
55
|
font-size: var(--sftn-base-font-size-body-1); // Consumer = 16px
|
|
58
56
|
}
|
|
59
57
|
|
|
60
|
-
[body2],
|
|
61
58
|
/* Body/Emphasis 2 */
|
|
62
59
|
.body2 {
|
|
63
60
|
font-size: var(--sftn-base-font-size-body-2); // Consumer = 14px
|
|
64
61
|
}
|
|
65
62
|
|
|
66
63
|
/* Body/Emphasis 3 */
|
|
67
|
-
[body3],
|
|
68
64
|
.body3 {
|
|
69
65
|
font-size: 12px;
|
|
70
66
|
}
|
|
@@ -73,7 +69,6 @@
|
|
|
73
69
|
Text Body/Emphasis for mat-form-field's
|
|
74
70
|
*/
|
|
75
71
|
mat-form-field {
|
|
76
|
-
&[body1], &[body2], &[body3],
|
|
77
72
|
&.body1, &.body2, &.body3 {
|
|
78
73
|
font-family: var(--sftn-font-family-body, sans-serif) !important; // Consumer = 'Poppins'
|
|
79
74
|
font-style: normal !important;
|
|
@@ -83,19 +78,16 @@ mat-form-field {
|
|
|
83
78
|
}
|
|
84
79
|
|
|
85
80
|
/* Body/Emphasis 1 */
|
|
86
|
-
&[body1],
|
|
87
81
|
&.body1 {
|
|
88
82
|
font-size: var(--sftn-base-font-size-body-1) !important; // Consumer = 16px
|
|
89
83
|
}
|
|
90
84
|
|
|
91
85
|
/* Body/Emphasis 2 */
|
|
92
|
-
&[body2],
|
|
93
86
|
&.body2 {
|
|
94
87
|
font-size: var(--sftn-base-font-size-body-2) !important; // Consumer = 14px
|
|
95
88
|
}
|
|
96
89
|
|
|
97
90
|
/* Body/Emphasis 3 */
|
|
98
|
-
&[body3],
|
|
99
91
|
&.body3 {
|
|
100
92
|
font-size: 12px !important;
|
|
101
93
|
}
|
|
@@ -103,17 +95,14 @@ mat-form-field {
|
|
|
103
95
|
|
|
104
96
|
/* Font Weight's */
|
|
105
97
|
|
|
106
|
-
[fw-400],
|
|
107
98
|
.fw-400 {
|
|
108
99
|
font-weight: 400 !important;
|
|
109
100
|
}
|
|
110
101
|
|
|
111
|
-
[fw-500],
|
|
112
102
|
.fw-500 {
|
|
113
103
|
font-weight: 500 !important;
|
|
114
104
|
}
|
|
115
105
|
|
|
116
|
-
[fw-600],
|
|
117
106
|
.fw-600 {
|
|
118
107
|
font-weight: 600 !important;
|
|
119
108
|
}
|
|
@@ -140,41 +129,38 @@ mat-form-field {
|
|
|
140
129
|
color: vars.$text-inverse;
|
|
141
130
|
}
|
|
142
131
|
|
|
143
|
-
[color-primary],
|
|
144
132
|
.color-primary {
|
|
145
133
|
color: map.get(theme.$arm-primary, 500);
|
|
146
134
|
}
|
|
147
135
|
|
|
148
|
-
[color-accent],
|
|
149
136
|
.color-accent {
|
|
150
137
|
color: map.get(theme.$arm-accent, 500);
|
|
151
138
|
}
|
|
152
139
|
|
|
153
|
-
[color-warn],
|
|
154
140
|
.color-warn {
|
|
155
141
|
color: map.get(theme.$arm-warn, 500);
|
|
156
142
|
}
|
|
157
143
|
|
|
158
|
-
[color-info],
|
|
159
144
|
.color-info {
|
|
160
145
|
color: map.get(theme.$arm-info, 500);
|
|
161
146
|
}
|
|
162
147
|
|
|
163
|
-
[color-success],
|
|
164
148
|
.color-success {
|
|
165
149
|
color: map.get(theme.$arm-success, 500);
|
|
166
150
|
}
|
|
167
151
|
|
|
168
|
-
[color-error],
|
|
169
152
|
.color-error {
|
|
170
153
|
color: map.get(theme.$arm-error, 500);
|
|
171
154
|
}
|
|
172
155
|
|
|
173
|
-
[color-neutral],
|
|
174
156
|
.color-neutral {
|
|
175
157
|
color: map.get(theme.$arm-neutral, 500);
|
|
176
158
|
}
|
|
177
159
|
|
|
160
|
+
.color-help {
|
|
161
|
+
color: map.get(theme.$arm-help, 500);
|
|
162
|
+
}
|
|
163
|
+
|
|
178
164
|
/* Text Alignment's */
|
|
179
165
|
|
|
180
166
|
[text-left],
|
|
@@ -187,6 +173,11 @@ mat-form-field {
|
|
|
187
173
|
text-align: center !important;
|
|
188
174
|
}
|
|
189
175
|
|
|
176
|
+
[text-right],
|
|
177
|
+
.text-right {
|
|
178
|
+
text-align: right !important;
|
|
179
|
+
}
|
|
180
|
+
|
|
190
181
|
/* Text Overflow Ellipsis ... */
|
|
191
182
|
|
|
192
183
|
[text-overflow-ellipsis],
|