@underlayerdev/ui 0.15.0 → 0.16.0
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/containers/_containers.scss +21 -9
- package/containers/_values.scss +4 -0
- package/design-tokens/_variables.scss +20 -0
- package/fesm2022/underlayerdev-ui.mjs +2 -2
- package/fesm2022/underlayerdev-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/foundations.css +13 -7
- package/types/underlayerdev-ui.d.ts +7 -1
package/package.json
CHANGED
package/styles/foundations.css
CHANGED
|
@@ -345,7 +345,7 @@ a:active {
|
|
|
345
345
|
}
|
|
346
346
|
}
|
|
347
347
|
@media (min-width: 1600px) {
|
|
348
|
-
.ul-container-gallery
|
|
348
|
+
.ul-container-gallery > * {
|
|
349
349
|
max-width: 2176px;
|
|
350
350
|
}
|
|
351
351
|
}
|
|
@@ -368,7 +368,7 @@ a:active {
|
|
|
368
368
|
padding-left: 192px;
|
|
369
369
|
padding-right: 192px;
|
|
370
370
|
}
|
|
371
|
-
.ul-container-product
|
|
371
|
+
.ul-container-product > * {
|
|
372
372
|
max-width: 1920px;
|
|
373
373
|
}
|
|
374
374
|
}
|
|
@@ -377,17 +377,23 @@ a:active {
|
|
|
377
377
|
display: flex;
|
|
378
378
|
justify-content: center;
|
|
379
379
|
align-items: flex-start;
|
|
380
|
-
padding-left:
|
|
381
|
-
padding-right:
|
|
380
|
+
padding-left: 16px;
|
|
381
|
+
padding-right: 16px;
|
|
382
|
+
}
|
|
383
|
+
.ul-container-form > * {
|
|
384
|
+
max-width: 720px;
|
|
385
|
+
}
|
|
386
|
+
@media (min-width: 768px) {
|
|
387
|
+
.ul-container-form {
|
|
388
|
+
padding-left: 32px;
|
|
389
|
+
padding-right: 32px;
|
|
390
|
+
}
|
|
382
391
|
}
|
|
383
392
|
@media (min-width: 1024px) {
|
|
384
393
|
.ul-container-form {
|
|
385
394
|
padding-left: 64px;
|
|
386
395
|
padding-right: 64px;
|
|
387
396
|
}
|
|
388
|
-
.ul-container-form.content {
|
|
389
|
-
max-width: 960px;
|
|
390
|
-
}
|
|
391
397
|
}
|
|
392
398
|
@media (min-width: 1600px) {
|
|
393
399
|
.ul-container-form {
|
|
@@ -113,6 +113,12 @@ export declare class AreaCodeComponent {
|
|
|
113
113
|
}, {}, never, never, true, never>;
|
|
114
114
|
}
|
|
115
115
|
type UiSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
116
|
+
/**
|
|
117
|
+
* Button sizes: the shared scale plus 'xs', for a control that has to fit in a tight
|
|
118
|
+
* spot (a corner of a thumbnail). Like AvatarSize, it is kept out of UiSize so the
|
|
119
|
+
* other controls that share that scale don't gain a size they have no design for.
|
|
120
|
+
*/
|
|
121
|
+
type ButtonSize = UiSize | 'xs';
|
|
116
122
|
type UiCheckboxSize = 'default' | 'sm' | 'lg';
|
|
117
123
|
type UiTheme = 'fill-purple' | 'fill-white' | 'fill-yellow' | 'fill-red' | 'fill-green' | 'transparent-purple' | 'transparent-white' | 'transparent-red' | 'transparent-black' | 'ghost-purple' | 'ghost-white' | 'ghost-red' | 'ghost-green' | 'outline-white' | 'outline-purple' | 'outline-red' | 'outline-green';
|
|
118
124
|
type IconSize$1 = '5' | '6' | '7' | '8' | '16';
|
|
@@ -348,7 +354,7 @@ export declare class BreadcrumbComponent {
|
|
|
348
354
|
*/
|
|
349
355
|
export declare class ButtonComponent {
|
|
350
356
|
/** The size of the button */
|
|
351
|
-
size: import("@angular/core").InputSignal<
|
|
357
|
+
size: import("@angular/core").InputSignal<ButtonSize>;
|
|
352
358
|
/** The visual theme of the button */
|
|
353
359
|
theme: import("@angular/core").InputSignal<UiTheme>;
|
|
354
360
|
/** Whether the button only contains an icon */
|