@flusys/ng-ui 8.1.5 → 9.1.0-rc.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/README.md +48 -3
- package/fesm2022/flusys-ng-ui.mjs +708 -376
- package/fesm2022/flusys-ng-ui.mjs.map +1 -1
- package/package.json +8 -5
- package/themes/tailwind.scss +11 -7
- package/types/flusys-ng-ui.d.ts +105 -21
package/package.json
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flusys/ng-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.1.0-rc.1",
|
|
4
4
|
"description": "FLUSYS native UI component library ",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"peerDependencies": {
|
|
7
|
-
"@angular/common": ">=
|
|
8
|
-
"@angular/core": ">=
|
|
9
|
-
"@angular/forms": ">=
|
|
10
|
-
"@angular/
|
|
7
|
+
"@angular/common": ">=22.0.0",
|
|
8
|
+
"@angular/core": ">=22.0.0",
|
|
9
|
+
"@angular/forms": ">=22.0.0",
|
|
10
|
+
"@angular/platform-browser": ">=22.0.0",
|
|
11
|
+
"@angular/router": ">=22.0.0",
|
|
12
|
+
"chart.js": "^4.5.0",
|
|
13
|
+
"rxjs": "^7.8.0"
|
|
11
14
|
},
|
|
12
15
|
"dependencies": {
|
|
13
16
|
"@lucide/angular": "^1.23.0",
|
package/themes/tailwind.scss
CHANGED
|
@@ -128,10 +128,13 @@
|
|
|
128
128
|
font-weight: var(--f-field-font-weight);
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
-
/* Multi-value triggers (multiselect, treeselect, cascadeselect) whose
|
|
132
|
-
already supply most of the row height, so they take one step less block
|
|
133
|
-
than a plain field
|
|
131
|
+
/* Multi-value triggers (multiselect, treeselect, cascadeselect, autocomplete) whose
|
|
132
|
+
chips already supply most of the row height, so they take one step less block
|
|
133
|
+
padding than a plain field. The min-height keeps an empty or single-row trigger
|
|
134
|
+
exactly as tall as a plain field (one line, both paddings, both borders) in every
|
|
135
|
+
preset, so it lines up with the inputs and buttons beside it. */
|
|
134
136
|
@utility f-field-compact {
|
|
137
|
+
min-height: calc(1lh + 2 * var(--f-field-padding-y) + 2px);
|
|
135
138
|
padding-inline: var(--f-field-padding-x);
|
|
136
139
|
padding-block: calc(var(--f-field-padding-y) - 0.125rem);
|
|
137
140
|
border-radius: var(--f-field-border-radius);
|
|
@@ -168,23 +171,24 @@
|
|
|
168
171
|
letter-spacing: var(--f-button-letter-spacing);
|
|
169
172
|
}
|
|
170
173
|
|
|
171
|
-
/* Icon-only buttons stay square
|
|
174
|
+
/* Icon-only buttons stay square and match a labelled button's height: the icon is
|
|
175
|
+
1em tall but a label is 1lh, so the missing half-line is added to every side. */
|
|
172
176
|
@utility f-btn-icon {
|
|
173
|
-
padding: var(--f-button-padding-y);
|
|
177
|
+
padding: calc(var(--f-button-padding-y) + (1lh - 1em) / 2);
|
|
174
178
|
border-radius: var(--f-button-border-radius);
|
|
175
179
|
font-weight: var(--f-button-font-weight);
|
|
176
180
|
letter-spacing: var(--f-button-letter-spacing);
|
|
177
181
|
}
|
|
178
182
|
|
|
179
183
|
@utility f-btn-icon-sm {
|
|
180
|
-
padding: calc(var(--f-button-padding-y) - 0.125rem);
|
|
184
|
+
padding: calc(var(--f-button-padding-y) - 0.125rem + (1lh - 1em) / 2);
|
|
181
185
|
border-radius: var(--f-button-border-radius);
|
|
182
186
|
font-weight: var(--f-button-font-weight);
|
|
183
187
|
letter-spacing: var(--f-button-letter-spacing);
|
|
184
188
|
}
|
|
185
189
|
|
|
186
190
|
@utility f-btn-icon-lg {
|
|
187
|
-
padding: calc(var(--f-button-padding-y) + 0.25rem);
|
|
191
|
+
padding: calc(var(--f-button-padding-y) + 0.25rem + (1lh - 1em) / 2);
|
|
188
192
|
border-radius: var(--f-button-border-radius);
|
|
189
193
|
font-weight: var(--f-button-font-weight);
|
|
190
194
|
letter-spacing: var(--f-button-letter-spacing);
|