@aurodesignsystem-dev/auro-formkit 0.0.0-pr684.3 → 0.0.0-pr685.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/components/counter/demo/api.md +6 -4
- package/components/counter/demo/api.min.js +596 -97
- package/components/counter/demo/index.md +99 -34
- package/components/counter/demo/index.min.js +596 -97
- package/components/counter/dist/auro-counter-group.d.ts +91 -1
- package/components/counter/dist/helptextVersion.d.ts +2 -0
- package/components/counter/dist/index.js +596 -97
- package/components/counter/dist/registered.js +596 -97
- package/components/counter/dist/styles/shapeSize-css.d.ts +2 -0
- package/package.json +1 -1
|
@@ -45,6 +45,8 @@
|
|
|
45
45
|
| [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `string` | "sm" | Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)<br />at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
|
|
46
46
|
| [isDropdown](#isDropdown) | `isDropdown` | `boolean` | false | Indicates if the counter group is displayed as a dropdown. |
|
|
47
47
|
| [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | `boolean` | false | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
|
|
48
|
+
| [layout](#layout) | | `string` | | |
|
|
49
|
+
| [matchWidth](#matchWidth) | `matchWidth` | `boolean` | false | If declared, the dropdown will expand to the width of its parent container.<br />Otherwise, the dropdown width will be determined by its content. |
|
|
48
50
|
| [max](#max) | `max` | `number` | "undefined" | The maximum value allowed for the whole group of counters. |
|
|
49
51
|
| [min](#min) | `min` | `number` | "undefined" | The minimum value allowed for the whole group of counters. |
|
|
50
52
|
| [noFlip](#noFlip) | `noFlip` | `boolean` | "false" | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
|
|
@@ -426,7 +428,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
|
|
|
426
428
|
<div style="width: 350px">
|
|
427
429
|
<auro-counter-group isDropdown offset="20" placement="bottom-end">
|
|
428
430
|
<div slot="bib.fullscreen.headline">Passengers</div>
|
|
429
|
-
<div slot="label">
|
|
431
|
+
<div slot="label">bottom-end bib with 20px offset</div>
|
|
430
432
|
<auro-counter>
|
|
431
433
|
Adults
|
|
432
434
|
<span slot="description">18 years or older</span>
|
|
@@ -438,7 +440,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
|
|
|
438
440
|
</auro-counter-group>
|
|
439
441
|
<auro-counter-group isDropdown offset="20" placement="bottom-end" noFlip>
|
|
440
442
|
<div slot="bib.fullscreen.headline">Passengers</div>
|
|
441
|
-
<div slot="label">
|
|
443
|
+
<div slot="label">bottom-end bib with 20px offset and noFlip</div>
|
|
442
444
|
<auro-counter>
|
|
443
445
|
Adults
|
|
444
446
|
<span slot="description">18 years or older</span>
|
|
@@ -472,7 +474,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
|
|
|
472
474
|
<div style="width: 350px">
|
|
473
475
|
<auro-counter-group isDropdown offset="20" placement="bottom-end">
|
|
474
476
|
<div slot="bib.fullscreen.headline">Passengers</div>
|
|
475
|
-
<div slot="label">
|
|
477
|
+
<div slot="label">bottom-end bib with 20px offset</div>
|
|
476
478
|
<auro-counter>
|
|
477
479
|
Adults
|
|
478
480
|
<span slot="description">18 years or older</span>
|
|
@@ -484,7 +486,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
|
|
|
484
486
|
</auro-counter-group>
|
|
485
487
|
<auro-counter-group isDropdown offset="20" placement="bottom-end" noFlip>
|
|
486
488
|
<div slot="bib.fullscreen.headline">Passengers</div>
|
|
487
|
-
<div slot="label">
|
|
489
|
+
<div slot="label">bottom-end bib with 20px offset and noFlip</div>
|
|
488
490
|
<auro-counter>
|
|
489
491
|
Adults
|
|
490
492
|
<span slot="description">18 years or older</span>
|