@ukic/web-components 3.15.0 → 3.17.0

package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js

@@ -27,7 +27,7 @@ export default {
 };
 
 export const Default = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar label="What is your favourite coffee?">
     </ic-search-bar>`,
 
@@ -35,7 +35,7 @@ export const Default = {
 };
 
 export const Basic = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar label="What is your favourite coffee?"></ic-search-bar>
       <script>
         document.querySelector("ic-search-bar").options = [
@@ -54,7 +54,7 @@ export const Basic = {
 };
 
 export const WithCustomLabelAndValueFields = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         label-field="urn"
@@ -77,7 +77,7 @@ export const WithCustomLabelAndValueFields = {
 };
 
 export const WithOptions = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         value="Flat White"
@@ -103,7 +103,7 @@ export const WithOptions = {
 };
 
 export const WithOptionsNoFiltering = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         disable-auto-filtering
@@ -125,7 +125,7 @@ export const WithOptionsNoFiltering = {
 };
 
 export const InAForm = {
-  render: (args) =>
+  render: () =>
     html` <form>
       <ic-search-bar
         name="search-01"
@@ -137,7 +137,7 @@ export const InAForm = {
 };
 
 export const HelperText = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         helper-text="Some helper text"
@@ -168,7 +168,7 @@ export const HelperText = {
 };
 
 export const Small = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
       label="What is your favourite coffee?"
       size="small"
@@ -178,7 +178,7 @@ export const Small = {
 };
 
 export const HiddenLabel = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
       label="What is your favourite coffee?"
       hide-label
@@ -188,7 +188,7 @@ export const HiddenLabel = {
 };
 
 export const Disabled = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
       label="What is your favourite coffee?"
       disabled
@@ -198,7 +198,7 @@ export const Disabled = {
 };
 
 export const FullWidth = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         full-width
@@ -224,7 +224,7 @@ export const FullWidth = {
 };
 
 export const ExternalFiltering = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="Search for coffee"
         placeholder="Type to search"
@@ -288,7 +288,7 @@ export const ExternalFiltering = {
 };
 
 export const ExternalFilteringWithLoading = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="Search for coffee"
         placeholder="Type to search"
@@ -356,7 +356,7 @@ export const ExternalFilteringWithLoading = {
 };
 
 export const ExternalFilteringWithCustomLoadingMessages = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="Search for coffee"
         placeholder="Type to search"
@@ -426,7 +426,7 @@ export const ExternalFilteringWithCustomLoadingMessages = {
 };
 
 export const QuerySearchMode = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         search-mode="query"
@@ -447,7 +447,7 @@ export const QuerySearchMode = {
 };
 
 export const EmptyOptionListText = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         empty-option-list-text="There's nothing here"
@@ -468,7 +468,7 @@ export const EmptyOptionListText = {
 };
 
 export const CharactersUntilSuggestion = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         characters-until-suggestion="5"
@@ -489,7 +489,7 @@ export const CharactersUntilSuggestion = {
 };
 
 export const HintText = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar
         label="What is your favourite coffee?"
         assistive-hint-text="You can use up and down arrows to navigate the options when they are available, and press enter to select an option."
@@ -511,7 +511,7 @@ export const HintText = {
 };
 
 export const LongOptionLabels = {
-  render: (args) =>
+  render: () =>
     html` <ic-search-bar label="What is your favourite coffee?"></ic-search-bar>
       <script>
         document.querySelector("ic-search-bar").options = [

package/dist/collection/components/ic-select/ic-select_(multi).stories.js

@@ -25,7 +25,7 @@ export default {
 };
 
 export const Default = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-default"
         label="What are your favourite types of coffee?"
@@ -66,7 +66,7 @@ export const Default = {
 };
 
 export const AsyncDefault = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         label="What are your favourite types of coffee?"
         id="select-async"
@@ -96,7 +96,7 @@ export const AsyncDefault = {
 };
 
 export const DefaultValue = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-default-value"
         label="What are your favourite types of coffee?"
@@ -123,7 +123,7 @@ export const DefaultValue = {
 };
 
 export const WithClearButton = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-clear"
         label="What are your favourite types of coffee?"
@@ -150,7 +150,7 @@ export const WithClearButton = {
 };
 
 export const WithDescriptions = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-descriptions"
         label="What are your favourite types of coffee?"
@@ -206,7 +206,7 @@ export const WithDescriptions = {
 };
 
 export const HelperText = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         label="What are your favourite types of coffee?"
         multiple
@@ -241,7 +241,7 @@ export const HelperText = {
 };
 
 export const CustomPlaceholder = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-placeholder"
         label="What are your favourite types of coffee?"
@@ -268,7 +268,7 @@ export const CustomPlaceholder = {
 };
 
 export const CustomComponents = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-custom-components"
         label="What are your favourite types of coffee?"
@@ -311,7 +311,7 @@ export const CustomComponents = {
 };
 
 export const Sizes = {
-  render: (args) =>
+  render: () =>
     html`<div style="display: flex; flex-direction: column; gap: 16px;">
       <ic-select
         id="select-size-small"
@@ -381,7 +381,7 @@ export const Sizes = {
 };
 
 export const Disabled = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-disabled"
         label="What are your favourite types of coffee?"
@@ -408,7 +408,7 @@ export const Disabled = {
 };
 
 export const DisabledOptions = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-disabled-options"
         label="What are your favourite types of coffee?"
@@ -434,7 +434,7 @@ export const DisabledOptions = {
 };
 
 export const FullWidth = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-full-width"
         label="What are your favourite types of coffee?"
@@ -461,7 +461,7 @@ export const FullWidth = {
 };
 
 export const HiddenLabel = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-hidden-label"
         label="What are your favourite types of coffee?"
@@ -488,7 +488,7 @@ export const HiddenLabel = {
 };
 
 export const Required = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-required"
         label="What are your favourite types of coffee?"
@@ -543,7 +543,7 @@ export const ReadOnly = {
 };
 
 export const Groups = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-groups"
         label="What are your favourite types of coffee?"
@@ -576,7 +576,7 @@ export const Groups = {
 };
 
 export const Recommended = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-recommended"
         label="What are your favourite types of coffee?"
@@ -602,7 +602,7 @@ export const Recommended = {
 };
 
 export const Validation = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-success"
         label="What are your favourite types of coffee?"
@@ -674,7 +674,7 @@ export const Validation = {
 };
 
 export const ScrollBehaviour = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-scroll"
         label="What are your favourite types of coffee?"
@@ -705,7 +705,7 @@ export const ScrollBehaviour = {
 };
 
 export const LoadingWithError = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-loading"
         label="What are your favourite types of coffee?"
@@ -736,7 +736,7 @@ export const LoadingWithError = {
 };
 
 export const InForm = {
-  render: (args) => html`
+  render: () => html`
     <form>
       <ic-select
         id="select-form"

package/dist/collection/components/ic-select/ic-select_(searchable).stories.js

@@ -27,7 +27,7 @@ export default {
 };
 
 export const Default = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-default"
         label="What is your favourite coffee?"
@@ -65,7 +65,7 @@ export const Default = {
 };
 
 export const AsyncDefault = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-async"
         label="What is your favourite coffee?"
@@ -95,7 +95,7 @@ export const AsyncDefault = {
 };
 
 export const DefaultValue = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-default-value"
         label="What is your favourite coffee?"
@@ -122,7 +122,7 @@ export const DefaultValue = {
 };
 
 export const FilterByStartOfOptions = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-filter-start"
         label="What is your favourite coffee?"
@@ -149,7 +149,7 @@ export const FilterByStartOfOptions = {
 };
 
 export const WithDescriptions = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-descriptions"
         label="What is your favourite coffee?"
@@ -205,7 +205,7 @@ export const WithDescriptions = {
 };
 
 export const WithDescriptionsIncludedInSearch = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-descriptions-included"
         label="What is your favourite coffee?"
@@ -262,7 +262,7 @@ export const WithDescriptionsIncludedInSearch = {
 };
 
 export const HelperText = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         label="What is your favourite coffee?"
         searchable
@@ -297,7 +297,7 @@ export const HelperText = {
 };
 
 export const Sizes = {
-  render: (args) =>
+  render: () =>
     html`<div style="display: flex; flex-direction: column; gap: 16px;">
       <ic-select
         id="select-size-small"
@@ -367,7 +367,7 @@ export const Sizes = {
 };
 
 export const Disabled = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-disabled"
         label="What is your favourite coffee?"
@@ -394,7 +394,7 @@ export const Disabled = {
 };
 
 export const DisabledOptions = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-disabled-options"
         label="What is your favourite coffee?"
@@ -420,7 +420,7 @@ export const DisabledOptions = {
 };
 
 export const HiddenLabel = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-hidden-label"
         label="What is your favourite coffee?"
@@ -447,7 +447,7 @@ export const HiddenLabel = {
 };
 
 export const Required = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-required"
         label="What is your favourite coffee?"
@@ -474,7 +474,7 @@ export const Required = {
 };
 
 export const Groups = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-groups"
         label="What is your favourite coffee?"
@@ -507,7 +507,7 @@ export const Groups = {
 };
 
 export const GroupsGroupTitlesIncludedInSearch = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-groups-included"
         label="What is your favourite coffee?"
@@ -541,7 +541,7 @@ export const GroupsGroupTitlesIncludedInSearch = {
 };
 
 export const Recommended = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-recommended"
         label="What is your favourite coffee?"
@@ -567,7 +567,7 @@ export const Recommended = {
 };
 
 export const Validation = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-success"
         label="What is your favourite coffee?"
@@ -642,7 +642,7 @@ export const Validation = {
 };
 
 export const ScrollBehaviour = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-scroll"
         label="What is your favourite coffee?"
@@ -672,7 +672,7 @@ export const ScrollBehaviour = {
 };
 
 export const ExternalFiltering = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         label="What is your favourite coffee?"
         searchable
@@ -742,7 +742,7 @@ export const ExternalFiltering = {
 };
 
 export const InForm = {
-  render: (args) => html`
+  render: () => html`
     <form>
       <ic-select
         id="select-form"
@@ -775,7 +775,7 @@ export const InForm = {
 };
 
 export const UpdateInputValueFromExternalRequest = {
-  render: (args) =>
+  render: () =>
     html`<ic-section-container>
         <ic-select
           id="select-external-request"
@@ -811,7 +811,7 @@ export const UpdateInputValueFromExternalRequest = {
 };
 
 export const EmittingIcOptionSelectOnEnter = {
-  render: (args) =>
+  render: () =>
     html`<ic-select
         id="select-icoptionselect"
         label="What is your favourite coffee?"

package/dist/collection/components/ic-tab-context/ic-tabs.stories.js

@@ -203,7 +203,7 @@ export const NestedTabs = {
 };
 
 export const IcTabSelectEvent = {
-  render: (args) =>
+  render: () =>
     html`<ic-tab-context>
         <ic-tab-group label="Example tab group">
           <ic-tab>One</ic-tab>

package/dist/collection/components/ic-text-field/ic-text-field.stories.js

@@ -41,7 +41,7 @@ const defaultArgs = {
 };
 
 export const Default = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field label="What is your favourite coffee?"> </ic-text-field>
       <ic-text-field rows="6" label="What is your favourite coffee?">
       </ic-text-field>`,
@@ -50,7 +50,7 @@ export const Default = {
 };
 
 export const Autofocus = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field autofocus label="What is your favourite coffee?">
     </ic-text-field>`,
 
@@ -58,7 +58,7 @@ export const Autofocus = {
 };
 
 export const PlaceholderAndRequired = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         label="What is your favourite coffee?"
         required
@@ -77,7 +77,7 @@ export const PlaceholderAndRequired = {
 };
 
 export const HelperText = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         label="What is your favourite coffee?"
         required
@@ -109,7 +109,7 @@ export const HelperText = {
 };
 
 export const WithIcon = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         label="What is your favourite coffee?"
         required
@@ -156,7 +156,7 @@ export const WithIcon = {
 };
 
 export const WithValue = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         value="Arabica"
         label="What is your favourite coffee?"
@@ -205,7 +205,7 @@ export const WithValue = {
 };
 
 export const CustomWidth = {
-  render: (args) =>
+  render: () =>
     html`<style>
         ic-text-field {
           --input-width: 400px;
@@ -264,7 +264,7 @@ export const CustomWidth = {
 };
 
 export const FullWidth = {
-  render: (args) =>
+  render: () =>
     html`<div style="display: flex">
         <ic-text-field
           full-width="true"
@@ -322,7 +322,7 @@ export const FullWidth = {
 };
 
 export const Disabled = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         value="Arabica"
         label="What is your favourite coffee?"
@@ -416,7 +416,7 @@ export const Disabled = {
 };
 
 export const ReadOnly = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         value="Arabica"
         max-characters="25"
@@ -486,7 +486,7 @@ export const ReadOnly = {
 };
 
 export const Validation = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         validation-status="success"
         validation-text="Good choice!"
@@ -802,7 +802,7 @@ export const Validation = {
 };
 
 export const AriaLiveBehaviour = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         id="field-1"
         label="What is your favourite coffee?"
@@ -886,7 +886,7 @@ export const AriaLiveBehaviour = {
 };
 
 export const TextAreaWithResize = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
       rows="6"
       value="Arabica"
@@ -915,7 +915,7 @@ export const TextAreaWithResize = {
 };
 
 export const Form = {
-  render: (args) => html`
+  render: () => html`
     <form>
       <ic-text-field label="What is your favourite coffee?"></ic-text-field>
       <br />
@@ -937,7 +937,7 @@ export const Form = {
 };
 
 export const MinAndMax = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         inputmode="numeric"
         label="How many coffees do you want?"
@@ -963,7 +963,7 @@ export const MinAndMax = {
 };
 
 export const LoggingIcChange = {
-  render: (args) =>
+  render: () =>
     html`<script>
         function handleIcChange(ev) {
           console.log(ev.detail.value, "icChange");
@@ -978,7 +978,7 @@ export const LoggingIcChange = {
 };
 
 export const LoggingIcKeydown = {
-  render: (args) =>
+  render: () =>
     html`<script>
         function handleIcChange(ev) {
           console.log(ev.detail.value, "icChange");
@@ -1000,7 +1000,7 @@ export const LoggingIcKeydown = {
 };
 
 export const MaximumAndMinimumCharacters = {
-  render: (args) =>
+  render: () =>
     html`<ic-text-field
         max-characters="2"
         label="What is your favourite coffee?"
@@ -1034,7 +1034,7 @@ export const MaximumAndMinimumCharacters = {
 };
 
 export const Internationalisation = {
-  render: (args) =>
+  render: () =>
     html`<span lang="fr">
       <ic-text-field
         label="Boisson préférée"