docs: remove all non-bordered input examples #177

components/input/README.md

@@ -75,7 +75,6 @@ import "@auro-formkit/-formkit/-formkit/auro-input";
 <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
 
 ```html
-<auro-input></auro-input>
 <auro-input bordered></auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -119,7 +118,6 @@ The `<auro-input>` element should be used in situations where users may:
 <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
 
 ```html
-<auro-input></auro-input>
 <auro-input bordered></auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->

components/input/apiExamples/activeLabel.html

@@ -1,8 +1,3 @@
-<auro-input activeLabel>
-  <slot slot="label">Address</slot>
-  <slot slot="helptext">Please enter your home address.</slot>
-</auro-input>
-
 <auro-input activeLabel bordered>
   <slot slot="label">Address</slot>
   <slot slot="helptext">Please enter your home address.</slot>

components/input/apiExamples/basic.html

@@ -1,2 +1 @@
-<auro-input></auro-input>
 <auro-input bordered></auro-input>

components/input/apiExamples/creditCard.html

@@ -1,8 +1,4 @@
-<auro-input required type="credit-card">
-  <slot slot="label">Card number</slot>
-</auro-input>
-
-<auro-input bordered required type="credit-card">
+<auro-input type="credit-card" bordered required>
   <slot slot="label">Card number</slot>
   <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
 </auro-input>

components/input/apiExamples/creditCardIcon.html

@@ -1,8 +1,4 @@
-<auro-input required icon type="credit-card">
-  <slot slot="label">Card number</slot>
-</auro-input>
-
-<auro-input bordered required icon type="credit-card">
+<auro-input icon type="credit-card" bordered required>
   <slot slot="label">Card number</slot>
   <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
 </auro-input>

components/input/apiExamples/custom.html

@@ -1,2 +1 @@
-<custom-input></custom-input>
 <custom-input bordered></custom-input>

components/input/apiExamples/disabled.html

@@ -1,6 +1,3 @@
-<auro-input disabled type="month-day-year" required>
-  <slot slot="label">Departure date</slot>
-</auro-input>
 <auro-input disabled bordered type="month-day-year">
   <slot slot="label">Arrival date</slot>
-</auro-input>
+</auro-input>

components/input/apiExamples/email.html

@@ -1,8 +1,4 @@
-<auro-input required type="email">
-  <slot slot="label">Email address</slot>
-</auro-input>
-
-<auro-input bordered required type="email">
+<auro-input type="email" bordered required>
   <slot slot="label">Email address</slot>
   <slot slot="helptext">Please enter your email address.</slot>
 </auro-input>

components/input/apiExamples/error.html

@@ -1,7 +1,7 @@
 <auro-button id="setCustomErrorBtn">Set Custom Error</auro-button>
 <auro-button id="setCustomErrorClearBtn">Clear Custom Error</auro-button>
-
-<auro-input id="setCustomErrorExample" error="Initial error attribute value">
+<br /><br />
+<auro-input id="setCustomErrorExample" error="Initial error attribute value" bordered>
   <span slot="label">Name</span>
   <span slot="helptext">Please enter your full name.</span>
 </auro-input>

components/input/apiExamples/fullYear.html

@@ -1,3 +1,3 @@
-<auro-input type="fullYear">
+<auro-input type="fullYear" bordered>
   <slot slot="label">Full Year</slot>
 </auro-input>

components/input/apiExamples/maxDate.html

@@ -1,3 +1,3 @@
-<auro-input type="month-day-year" max="03/25/2023" setCustomValidityRangeOverflow="The selected date is past the defined maximum date.">
+<auro-input type="month-day-year" max="03/25/2023" setCustomValidityRangeOverflow="The selected date is past the defined maximum date." bordered>
   <span slot="label">Choose a date</span>
 </auro-input>

components/input/apiExamples/maxLength.html

@@ -1,9 +1,4 @@
-<auro-input required maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered.">
-  <slot slot="label">Voucher Code</slot>
-  <slot slot="helptext">Please enter your 12 character voucher code.</slot>
-</auro-input>
-
-<auro-input bordered required maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered.">
+<auro-input maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered." bordered required>
   <slot slot="label">Voucher Code</slot>
   <slot slot="helptext">Please enter your 12 character voucher code.</slot>
 </auro-input>

components/input/apiExamples/maxNumber.html

@@ -1,3 +1,3 @@
-<auro-input type="number" max="10" setCustomValidityRangeOverflow="The selected value is above the defined maximum.">
+<auro-input type="number" max="10" setCustomValidityRangeOverflow="The selected value is above the defined maximum." bordered>
   <span slot="label">Choose a number</span>
 </auro-input>

components/input/apiExamples/minDate.html

@@ -1,3 +1,3 @@
-<auro-input type="month-day-year" min="03/25/2023" setCustomValidityRangeUnderflow="The selected date is before the defined minimum date.">
+<auro-input type="month-day-year" min="03/25/2023" setCustomValidityRangeUnderflow="The selected date is before the defined minimum date." bordered>
   <span slot="label">Choose a date</span>
 </auro-input>

components/input/apiExamples/minLength.html

@@ -1,9 +1,4 @@
-<auro-input required minlength="4" setCustomValidityTooShort="Please enter a full voucher code.">
-  <slot slot="label">Voucher Code</slot>
-  <slot slot="helptext">Please enter your 4 character voucher code.</slot>
-</auro-input>
-
-<auro-input bordered required minlength="4" setCustomValidityTooShort="Please enter a full voucher code.">
+<auro-input minlength="4" setCustomValidityTooShort="Please enter a full voucher code." bordered required>
   <slot slot="label">Voucher Code</slot>
   <slot slot="helptext">Please enter your 4 character voucher code.</slot>
 </auro-input>

components/input/apiExamples/minNumber.html

@@ -1,3 +1,3 @@
-<auro-input type="number" min="10" setCustomValidityRangeUnderflow="The selected value is below the defined minimum.">
+<auro-input type="number" min="10" setCustomValidityRangeUnderflow="The selected value is below the defined minimum." bordered>
   <span slot="label">Choose a number</span>
 </auro-input>

components/input/apiExamples/month.html

@@ -1,3 +1,3 @@
-<auro-input type="month">
+<auro-input type="month" bordered>
   <slot slot="label">Month</slot>
 </auro-input>

components/input/apiExamples/monthDayYear.html

@@ -1,7 +1,3 @@
-<auro-input type="month-day-year" required>
-  <slot slot="label">Departure date</slot>
-</auro-input>
-
-<auro-input bordered type="month-day-year">
+<auro-input type="month-day-year" bordered>
   <slot slot="label">Arrival date</slot>
 </auro-input>

components/input/apiExamples/monthFullYear.html

@@ -1,7 +1,3 @@
-<auro-input type="month-fullYear">
-  <slot slot="label">Departure date</slot>
-</auro-input>
-
-<auro-input bordered type="month-fullYear" required>
+<auro-input type="month-fullYear" bordered>
   <slot slot="label">Arrival date</slot>
 </auro-input>

components/input/apiExamples/monthYear.html

@@ -1,7 +1,3 @@
-<auro-input type="month-year">
-  <slot slot="label">Departure date</slot>
-</auro-input>
-
-<auro-input bordered type="month-year" required>
+<auro-input type="month-year" bordered>
   <slot slot="label">Arrival date</slot>
 </auro-input>

components/input/apiExamples/noValidate.html

@@ -1,8 +1,3 @@
-<auro-input noValidate required>
-  <slot slot="label">Address</slot>
-  <slot slot="helptext">Please enter your home address.</slot>
-</auro-input>
-
 <auro-input noValidate required bordered>
   <slot slot="label">Address</slot>
   <slot slot="helptext">Please enter your home address.</slot>

components/input/apiExamples/number.html

@@ -1,9 +1,4 @@
-<auro-input required type="number">
-  <slot slot="label">Number of Passengers</slot>
-  <slot slot="helptext">Please enter the number of passengers.</slot>
-</auro-input>
-
-<auro-input bordered required type="number">
+<auro-input type="number" bordered required>
   <slot slot="label">Number of Passengers</slot>
   <slot slot="helptext">Please enter the number of passengers.</slot>
 </auro-input>

components/input/apiExamples/password.html

@@ -1,7 +1,3 @@
-<auro-input type="password" required>
-  <span slot="label">Password</span>
-</auro-input>
-
 <auro-input type="password" required bordered>
   <span slot="label">Password</span>
   <span slot="helptext">Please enter a secure password.</span>

components/input/apiExamples/pattern.html

@@ -1,9 +1,4 @@
-<auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces">
-  <span slot="label">Username</span>
-  <span slot="helptext">Please enter a username.</span>
-</auro-input>
-
-<auro-input bordered pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces">
+<auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
   <span slot="label">Username</span>
   <span slot="helptext">Please enter a username.</span>
 </auro-input>

components/input/apiExamples/placeholder.html

@@ -1,8 +1,4 @@
-<auro-input required placeholder="John Doe">
-  <span slot="label">Full name</span>
-</auro-input>
-
-<auro-input required bordered placeholder="John Doe">
+<auro-input placeholder="John Doe" bordered required>
   <span slot="label">Full name</span>
   <span slot="helptext">Please enter your full name.</span>
 </auro-input>

components/input/apiExamples/readonly.html

@@ -1,6 +1,6 @@
 <auro-button id="setReadonlyValueBtn">Set Value to Auro Alaska</auro-button>
 <auro-button id="resetReadonlyValueBtn">Reset</auro-button>
-
+<br /><br />
 <auro-input readonly bordered id="readonlyExample">
   <span slot="label">Name</span>
   <span slot="helptext">Please enter your full name.</span>

components/input/apiExamples/required.html

@@ -1,7 +1,3 @@
-<auro-input required placeholder="John Doe">
-  <span slot="label">Full name</span>
-</auro-input>
-
 <auro-input required bordered placeholder="John Doe">
   <span slot="label">Full name</span>
   <span slot="helptext">Please enter your full name.</span>

components/input/apiExamples/resetState.html

@@ -1,6 +1,5 @@
 <auro-button id="resetStateBtn">Reset</auro-button>
 <br /><br />
-
 <auro-input id="resetStateExample" bordered minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
   <slot slot="label">Full Name</slot>
   <slot slot="helptext">Please enter your full name.</slot>

components/input/apiExamples/setCustomValidity.html

@@ -1,8 +1,3 @@
-<auro-input required minlength="3" setCustomValidity="Sorry, please enter your first and last name (one space required).">
-  <span slot="label">Full Name</span>
-  <span slot="helptext">Please enter your full name.</span>
-</auro-input>
-
 <auro-input bordered required minlength="3" setCustomValidity="Sorry, please enter your first and last name (one space required).">
   <span slot="label">Full Name</span>
   <span slot="helptext">Please enter your full name.</span>

components/input/apiExamples/validateOnInput.html

@@ -1,8 +1,3 @@
-<auro-input validateOnInput required pattern="[a-zA-Z-.']+( +[a-zA-Z-.']+)+" setCustomValidityPatternMismatch="Full name requires two or more names with at least one space.">
-  <span slot="label">Full Name</span>
-  <span slot="helptext">Please enter your full name as it appears on the card.</span>
-</auro-input>
-
 <auro-input validateOnInput bordered required pattern="[a-zA-Z-.']+( +[a-zA-Z-.']+)+" setCustomValidityPatternMismatch="Full name requires two or more names with at least one space.">
   <span slot="label">Full Name</span>
   <span slot="helptext">Please enter your full name as it appears on the card.</span>

components/input/apiExamples/value.html

@@ -1,6 +1,6 @@
 <auro-button id="setValidValueBtn">Set Value to Alaska</auro-button>
 <auro-button id="setUndefinedValueBtn">Set Value to Undefined</auro-button>
-
+<br /><br />
 <auro-input id="setProgrammaticValueExample" value="Press one of the buttons above!" bordered>
   <span slot="label">Name</span>
   <span slot="helptext">Please enter your full name.</span>

components/input/apiExamples/year.html

@@ -1,3 +1,3 @@
-<auro-input type="year">
+<auro-input type="year" bordered>
   <slot slot="label">Year</slot>
 </auro-input>

components/input/apiExamples/yearMonthDay.html

@@ -1,7 +1,3 @@
-<auro-input type="year-month-day" required>
-  <slot slot="label">Departure date</slot>
-</auro-input>
-
-<auro-input bordered type="year-month-day">
+<auro-input type="year-month-day" bordered>
   <slot slot="label">Arrival date</slot>
 </auro-input>