@ngstarter-ui/components 1.0.31 → 1.0.32
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/fesm2022/ngstarter-ui-components-autocomplete.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-chips.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-chips.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-country-select.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-currency-select.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-currency-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-empty-state.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-icon.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-icon.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-menu.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-menu.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-option.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-option.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-segmented.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-segmented.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-select.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-text-editor.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-text-editor.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-timepicker.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-timepicker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-timezone-select.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-timezone-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-upload.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-upload.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_tokens.scss +59 -7
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngstarter-ui/components",
|
|
3
3
|
"description": "NgStarter - AI-friendly Enterprise Angular UI Components and Admin Panel",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.32",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/elementarlabsdev/ngstarter.git"
|
package/styles/_tokens.scss
CHANGED
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
--ngs-button-text-color: var(--ngs-color-primary);
|
|
144
144
|
|
|
145
145
|
--ngs-field-color: var(--ngs-color-primary);
|
|
146
|
-
--ngs-field-bg:
|
|
146
|
+
--ngs-field-bg: transparent;
|
|
147
147
|
--ngs-field-disabled-bg: var(--ngs-color-surface-container-low);
|
|
148
148
|
--ngs-field-text: var(--ngs-color-on-surface);
|
|
149
149
|
--ngs-field-caret-color: var(--ngs-color-primary);
|
|
@@ -168,12 +168,48 @@
|
|
|
168
168
|
|
|
169
169
|
--ngs-dropdown-bg: var(--ngs-color-surface-container-lowest);
|
|
170
170
|
--ngs-dropdown-shadow: var(--ngs-shadow-md);
|
|
171
|
-
--ngs-dropdown-radius: var(--ngs-radius-
|
|
171
|
+
--ngs-dropdown-radius: var(--ngs-radius-xl);
|
|
172
172
|
--ngs-dropdown-border: 1px solid var(--ngs-color-faint);
|
|
173
173
|
--ngs-dropdown-max-height: 16rem;
|
|
174
|
-
--ngs-
|
|
175
|
-
--ngs-
|
|
176
|
-
|
|
174
|
+
--ngs-dropdown-height: var(--ngs-nav-item-height);
|
|
175
|
+
--ngs-dropdown-padding-x: --spacing(2);
|
|
176
|
+
--ngs-dropdown-padding-y: --spacing(2);
|
|
177
|
+
--ngs-dropdown-padding: var(--ngs-dropdown-padding-y) var(--ngs-dropdown-padding-x);
|
|
178
|
+
--ngs-dropdown-item-padding-x: --spacing(3);
|
|
179
|
+
--ngs-dropdown-item-padding-y: 0;
|
|
180
|
+
--ngs-dropdown-item-padding: var(--ngs-dropdown-item-padding-y) var(--ngs-dropdown-item-padding-x);
|
|
181
|
+
--ngs-dropdown-item-nested-padding-start: calc(var(--ngs-dropdown-item-padding-x) + --spacing(4));
|
|
182
|
+
--ngs-dropdown-item-radius: var(--ngs-control-radius);
|
|
183
|
+
--ngs-dropdown-item-gap: --spacing(2);
|
|
184
|
+
--ngs-dropdown-item-font-size: var(--ngs-nav-item-font-size);
|
|
185
|
+
--ngs-dropdown-item-color: var(--ngs-color-on-surface);
|
|
186
|
+
--ngs-dropdown-item-hover-bg: var(--ngs-color-surface-container-high);
|
|
187
|
+
--ngs-dropdown-item-active-bg: var(--ngs-color-surface-container-highest);
|
|
188
|
+
--ngs-dropdown-item-selected-bg: var(--ngs-color-primary-container);
|
|
189
|
+
--ngs-dropdown-item-selected-color: var(--ngs-color-on-primary-container);
|
|
190
|
+
--ngs-dropdown-item-disabled-color: var(--ngs-color-on-surface-variant);
|
|
191
|
+
--ngs-option-height: var(--ngs-dropdown-height);
|
|
192
|
+
--ngs-option-padding: var(--ngs-dropdown-item-padding);
|
|
193
|
+
--ngs-option-radius: var(--ngs-dropdown-item-radius);
|
|
194
|
+
--ngs-option-group-padding-start: var(--ngs-dropdown-item-nested-padding-start);
|
|
195
|
+
--ngs-option-gap: var(--ngs-dropdown-item-gap);
|
|
196
|
+
--ngs-option-font-size: var(--ngs-dropdown-item-font-size);
|
|
197
|
+
--ngs-option-color: var(--ngs-dropdown-item-color);
|
|
198
|
+
--ngs-option-hover-background: var(--ngs-dropdown-item-hover-bg);
|
|
199
|
+
--ngs-option-active-background: var(--ngs-dropdown-item-active-bg);
|
|
200
|
+
--ngs-option-selected-background: var(--ngs-dropdown-item-selected-bg);
|
|
201
|
+
--ngs-option-selected-color: var(--ngs-dropdown-item-selected-color);
|
|
202
|
+
--ngs-option-disabled-color: var(--ngs-dropdown-item-disabled-color);
|
|
203
|
+
--ngs-menu-padding: var(--ngs-dropdown-padding);
|
|
204
|
+
--ngs-menu-item-height: var(--ngs-dropdown-height);
|
|
205
|
+
--ngs-menu-item-padding: var(--ngs-dropdown-item-padding);
|
|
206
|
+
--ngs-menu-item-radius: var(--ngs-dropdown-item-radius);
|
|
207
|
+
--ngs-menu-item-gap: var(--ngs-dropdown-item-gap);
|
|
208
|
+
--ngs-menu-item-font-size: var(--ngs-dropdown-item-font-size);
|
|
209
|
+
--ngs-menu-item-color: var(--ngs-dropdown-item-color);
|
|
210
|
+
--ngs-menu-item-hover-background: var(--ngs-dropdown-item-hover-bg);
|
|
211
|
+
--ngs-menu-item-active-background: var(--ngs-dropdown-item-active-bg);
|
|
212
|
+
--ngs-menu-item-disabled-color: var(--ngs-dropdown-item-disabled-color);
|
|
177
213
|
--ngs-dialog-bg: var(--ngs-color-surface-container-lowest);
|
|
178
214
|
--ngs-dialog-color: var(--ngs-color-on-surface);
|
|
179
215
|
--ngs-dialog-radius: var(--ngs-radius-xl);
|
|
@@ -1033,11 +1069,27 @@
|
|
|
1033
1069
|
--dropdown-radius: var(--ngs-dropdown-radius);
|
|
1034
1070
|
--dropdown-border: var(--ngs-dropdown-border);
|
|
1035
1071
|
--dropdown-max-height: var(--ngs-dropdown-max-height);
|
|
1072
|
+
--dropdown-height: var(--ngs-dropdown-height);
|
|
1073
|
+
--dropdown-padding-x: var(--ngs-dropdown-padding-x);
|
|
1074
|
+
--dropdown-padding-y: var(--ngs-dropdown-padding-y);
|
|
1075
|
+
--dropdown-padding: var(--ngs-dropdown-padding);
|
|
1076
|
+
--dropdown-item-padding-x: var(--ngs-dropdown-item-padding-x);
|
|
1077
|
+
--dropdown-item-padding-y: var(--ngs-dropdown-item-padding-y);
|
|
1078
|
+
--dropdown-item-padding: var(--ngs-dropdown-item-padding);
|
|
1079
|
+
--dropdown-item-nested-padding-start: var(--ngs-dropdown-item-nested-padding-start);
|
|
1080
|
+
--dropdown-item-gap: var(--ngs-dropdown-item-gap);
|
|
1081
|
+
--dropdown-item-font-size: var(--ngs-dropdown-item-font-size);
|
|
1082
|
+
--dropdown-item-color: var(--ngs-dropdown-item-color);
|
|
1083
|
+
--dropdown-item-hover-bg: var(--ngs-dropdown-item-hover-bg);
|
|
1084
|
+
--dropdown-item-active-bg: var(--ngs-dropdown-item-active-bg);
|
|
1085
|
+
--dropdown-item-selected-bg: var(--ngs-dropdown-item-selected-bg);
|
|
1086
|
+
--dropdown-item-selected-color: var(--ngs-dropdown-item-selected-color);
|
|
1087
|
+
--dropdown-item-disabled-color: var(--ngs-dropdown-item-disabled-color);
|
|
1036
1088
|
--option-height: var(--ngs-option-height);
|
|
1089
|
+
--menu-padding: var(--ngs-menu-padding);
|
|
1090
|
+
--menu-item-height: var(--ngs-menu-item-height);
|
|
1037
1091
|
--menu-item-radius: var(--ngs-menu-item-radius);
|
|
1038
1092
|
--overlay-backdrop-bg: var(--ngs-overlay-backdrop-bg);
|
|
1039
1093
|
--overlay-backdrop-blur: var(--ngs-overlay-backdrop-blur);
|
|
1040
|
-
--icon-size: var(--ngs-icon-size);
|
|
1041
|
-
--icon-color: var(--ngs-icon-color);
|
|
1042
1094
|
--font-size: var(--ngs-field-font-size);
|
|
1043
1095
|
}
|