@oub/fusion 0.2.1 → 0.2.2
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/dist/assets/main.css +1 -0
- package/dist/fusion.js +2 -0
- package/dist/main.d.ts +660 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";.loader-wrapper[data-v-9d1a6ba1]{width:20px;height:20px}.loader[data-v-9d1a6ba1]{width:16px;height:16px;border-radius:var(--fusion-loading-spinner-border-radius);border:2px solid var(--14b4b738);border-right-color:transparent;animation:spin-9d1a6ba1 1s linear infinite}@keyframes spin-9d1a6ba1{to{transform:rotate(360deg)}}.fusion-button{color:var(--fusion-text-color);font-family:var(--fusion-button-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:var(--fusion-button-font-weight);font-size:var(--fusion-button-font-size);line-height:var(--fusion-button-line-height);border-radius:var(--fusion-button-border-radius);border:0;cursor:var(--fusion-button-cursor);transition:box-shadow 125ms ease-in-out,background-color .2s ease-in-out;box-shadow:var(--fusion-button-box-shadow);outline:var(--fusion-button-border);padding:var(--fusion-button-padding);background-color:var(--fusion-button-background-color)}.flex[data-v-98a7bec1]{display:flex}.inline-flex[data-v-98a7bec1]{display:inline-flex}.flex-row[data-v-98a7bec1]{flex-direction:row}.flex-row-reverse[data-v-98a7bec1]{flex-direction:row-reverse}.flex-col[data-v-98a7bec1]{flex-direction:column}.flex-col-reverse[data-v-98a7bec1]{flex-direction:column-reverse}.flex-wrap[data-v-98a7bec1]{flex-wrap:wrap}.flex-wrap-reverse[data-v-98a7bec1]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-98a7bec1]{flex-wrap:nowrap}.flex-grow[data-v-98a7bec1]{flex-grow:1}.flex-grow-0[data-v-98a7bec1]{flex-grow:0}.flex-shrink[data-v-98a7bec1]{flex-shrink:1}.flex-shrink-0[data-v-98a7bec1]{flex-shrink:0}.justify-start[data-v-98a7bec1]{justify-content:flex-start}.justify-end[data-v-98a7bec1]{justify-content:flex-end}.justify-center[data-v-98a7bec1]{justify-content:center}.justify-between[data-v-98a7bec1]{justify-content:space-between}.justify-around[data-v-98a7bec1]{justify-content:space-around}.justify-evenly[data-v-98a7bec1]{justify-content:space-evenly}.items-start[data-v-98a7bec1]{align-items:flex-start}.items-end[data-v-98a7bec1]{align-items:flex-end}.items-center[data-v-98a7bec1]{align-items:center}.items-baseline[data-v-98a7bec1]{align-items:baseline}.items-stretch[data-v-98a7bec1]{align-items:stretch}.content-start[data-v-98a7bec1]{align-content:flex-start}.content-end[data-v-98a7bec1]{align-content:flex-end}.content-center[data-v-98a7bec1]{align-content:center}.content-between[data-v-98a7bec1]{align-content:space-between}.content-around[data-v-98a7bec1]{align-content:space-around}.content-evenly[data-v-98a7bec1]{align-content:space-evenly}.self-auto[data-v-98a7bec1]{align-self:auto}.self-start[data-v-98a7bec1]{align-self:flex-start}.self-end[data-v-98a7bec1]{align-self:flex-end}.self-center[data-v-98a7bec1]{align-self:center}.self-stretch[data-v-98a7bec1]{align-self:stretch}.self-baseline[data-v-98a7bec1]{align-self:baseline}.fusion-textarea[data-v-98a7bec1]{font-family:var(--fusion-textarea-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-textarea-font-size)}.fusion-textarea.input[data-v-98a7bec1]{color:var(--fusion-textarea-input-font-colour);padding:var(--fusion-textarea-input-padding-top) var(--fusion-textarea-input-padding-right) var(--fusion-textarea-input-padding-bottom) var(--fusion-textarea-input-padding-left);border-color:var(--fusion-textarea-input-border-colour);border-radius:var(--fusion-textarea-input-border-radius);border-width:var(--fusion-textarea-input-border-width);resize:vertical;border-style:solid;background-color:var(--fusion-textarea-input-background-colour);margin-top:var(--fusion-textarea-input-margin-top)}.fusion-textarea.input[data-v-98a7bec1]::placeholder{font-family:Roboto,sans-serif;font-weight:var(--fusion-textarea-input-placeholder-font-weight);line-height:var(--fusion-textarea-input-placeholder-line-height);color:var(--fusion-textarea-input-placeholder-colour)}.fusion-textarea.input[data-v-98a7bec1]:focus{outline:none;box-shadow:var(--fusion-textarea-input-ring-colour) 0 0 0 4px}.fusion-textarea.label[data-v-98a7bec1]{color:var(--fusion-textarea-label-font-colour);font-weight:var(--fusion-textarea-label-font-weight);line-height:var(--fusion-textarea-label-line-height)}.fusion-textarea.helper-label[data-v-98a7bec1]{margin-top:var(--fusion-textarea-helper-label-margin-top);color:var(--fusion-textarea-helper-label-font-colour);font-weight:var(--fusion-textarea-helper-label-font-weight);line-height:var(--fusion-textarea-helper-label-line-height)}.fusion-textarea.text-count-label[data-v-98a7bec1]{color:var(--fusion-textarea-count-label-font-colour);margin-top:var(--fusion-textarea-count-label-margin-top);font-size:var(--fusion-textarea-count-label-font-size);font-weight:var(--fusion-textarea-count-label-font-weight);line-height:var(--fusion-textarea-count-label-line-height)}.fusion-textarea.error-label[data-v-98a7bec1]{font-weight:var(--fusion-textarea-error-label-font-weight);color:var(--fusion-textarea-error-label-font-colour);line-height:var(--fusion-textarea-error-label-line-height);margin-top:var(--fusion-textarea-error-label-margin-top);gap:var(--fusion-textarea-error-label-items-gap)}.fusion-textarea.error-icon[data-v-98a7bec1]{height:20px;width:21px}.fusion-textarea.disabled[data-v-98a7bec1]{cursor:not-allowed}.fusion-checkbox-wrapper{display:flex;align-items:center;gap:var(--fusion-checkbox-gap);width:max-content}.fusion-checkbox-icon{position:relative}.fusion-checkbox-label{color:var(--fusion-checkbox-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-helper-text{color:var(--fusion-checkbox-helper-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-labels-wrapper{display:flex;flex-direction:column;row-gap:4px}.fusion-checkbox-input{margin:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;width:20px;height:20px;border-radius:var(--fusion-checkbox-border-radius);border:var(--fusion-checkbox-border);background-color:var(--fusion-checkbox-background-color);box-shadow:var(--fusion-checkbox-box-shadow);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.fusion-checkbox-input:checked{background-color:var(--fusion-checkbox-background-color)}.fusion-checkbox-input:checked:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");display:block;text-align:center;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.fusion-checkbox-input:checked:disabled:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='%23B1B1B1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.flex[data-v-6e8229be]{display:flex}.inline-flex[data-v-6e8229be]{display:inline-flex}.flex-row[data-v-6e8229be]{flex-direction:row}.flex-row-reverse[data-v-6e8229be]{flex-direction:row-reverse}.flex-col[data-v-6e8229be]{flex-direction:column}.flex-col-reverse[data-v-6e8229be]{flex-direction:column-reverse}.flex-wrap[data-v-6e8229be]{flex-wrap:wrap}.flex-wrap-reverse[data-v-6e8229be]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-6e8229be]{flex-wrap:nowrap}.flex-grow[data-v-6e8229be]{flex-grow:1}.flex-grow-0[data-v-6e8229be]{flex-grow:0}.flex-shrink[data-v-6e8229be]{flex-shrink:1}.flex-shrink-0[data-v-6e8229be]{flex-shrink:0}.justify-start[data-v-6e8229be]{justify-content:flex-start}.justify-end[data-v-6e8229be]{justify-content:flex-end}.justify-center[data-v-6e8229be]{justify-content:center}.justify-between[data-v-6e8229be]{justify-content:space-between}.justify-around[data-v-6e8229be]{justify-content:space-around}.justify-evenly[data-v-6e8229be]{justify-content:space-evenly}.items-start[data-v-6e8229be]{align-items:flex-start}.items-end[data-v-6e8229be]{align-items:flex-end}.items-center[data-v-6e8229be]{align-items:center}.items-baseline[data-v-6e8229be]{align-items:baseline}.items-stretch[data-v-6e8229be]{align-items:stretch}.content-start[data-v-6e8229be]{align-content:flex-start}.content-end[data-v-6e8229be]{align-content:flex-end}.content-center[data-v-6e8229be]{align-content:center}.content-between[data-v-6e8229be]{align-content:space-between}.content-around[data-v-6e8229be]{align-content:space-around}.content-evenly[data-v-6e8229be]{align-content:space-evenly}.self-auto[data-v-6e8229be]{align-self:auto}.self-start[data-v-6e8229be]{align-self:flex-start}.self-end[data-v-6e8229be]{align-self:flex-end}.self-center[data-v-6e8229be]{align-self:center}.self-stretch[data-v-6e8229be]{align-self:stretch}.self-baseline[data-v-6e8229be]{align-self:baseline}.gap-y-1[data-v-6e8229be]{row-gap:4px}.max-w-max[data-v-6e8229be]{max-width:max-content}.max-w-min[data-v-6e8229be]{max-width:min-content}.cursor-pointer[data-v-6e8229be]{cursor:pointer}.cursor-not-allowed[data-v-6e8229be]{cursor:not-allowed}.fusion-radio[data-v-6e8229be]{font-family:var(--fusion-radio-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;margin:0}.fusion-radio.input[data-v-6e8229be]{width:23.463px;height:23.463px;align-self:center;background-clip:content-box;padding:2px;margin-right:var(--fusion-radio-margin-right);border-style:solid;border-radius:50%;border-width:1.5px;border-color:var(--fusion-radio-border-colour)}.fusion-radio.input[data-v-6e8229be]:focus{box-shadow:var(--fusion-radio-ring-color) var(--fusion-radio-ring-width)}.fusion-radio.input[data-v-6e8229be]:checked{background-color:var(--fusion-radio-checked-colour)}.fusion-radio.label[data-v-6e8229be]{color:var(--fusion-radio-label-font-colour);font-weight:var(--fusion-radio-label-font-weight);font-size:var(--fusion-radio-label-font-size);line-height:var(--fusion-radio-label-line-height)}.fusion-radio.helper-label[data-v-6e8229be]{color:var(--fusion-radio-helper-label-font-colour);font-weight:var(--fusion-radio-helper-label-font-weight);font-size:var(--fusion-radio-helper-label-font-size);line-height:var(--fusion-radio-helper-label-line-height)}.flex[data-v-4c6bd4bb]{display:flex}.inline-flex[data-v-4c6bd4bb]{display:inline-flex}.flex-row[data-v-4c6bd4bb]{flex-direction:row}.flex-row-reverse[data-v-4c6bd4bb]{flex-direction:row-reverse}.flex-col[data-v-4c6bd4bb]{flex-direction:column}.flex-col-reverse[data-v-4c6bd4bb]{flex-direction:column-reverse}.flex-wrap[data-v-4c6bd4bb]{flex-wrap:wrap}.flex-wrap-reverse[data-v-4c6bd4bb]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-4c6bd4bb]{flex-wrap:nowrap}.flex-grow[data-v-4c6bd4bb]{flex-grow:1}.flex-grow-0[data-v-4c6bd4bb]{flex-grow:0}.flex-shrink[data-v-4c6bd4bb]{flex-shrink:1}.flex-shrink-0[data-v-4c6bd4bb]{flex-shrink:0}.justify-start[data-v-4c6bd4bb]{justify-content:flex-start}.justify-end[data-v-4c6bd4bb]{justify-content:flex-end}.justify-center[data-v-4c6bd4bb]{justify-content:center}.justify-between[data-v-4c6bd4bb]{justify-content:space-between}.justify-around[data-v-4c6bd4bb]{justify-content:space-around}.justify-evenly[data-v-4c6bd4bb]{justify-content:space-evenly}.items-start[data-v-4c6bd4bb]{align-items:flex-start}.items-end[data-v-4c6bd4bb]{align-items:flex-end}.items-center[data-v-4c6bd4bb]{align-items:center}.items-baseline[data-v-4c6bd4bb]{align-items:baseline}.items-stretch[data-v-4c6bd4bb]{align-items:stretch}.content-start[data-v-4c6bd4bb]{align-content:flex-start}.content-end[data-v-4c6bd4bb]{align-content:flex-end}.content-center[data-v-4c6bd4bb]{align-content:center}.content-between[data-v-4c6bd4bb]{align-content:space-between}.content-around[data-v-4c6bd4bb]{align-content:space-around}.content-evenly[data-v-4c6bd4bb]{align-content:space-evenly}.self-auto[data-v-4c6bd4bb]{align-self:auto}.self-start[data-v-4c6bd4bb]{align-self:flex-start}.self-end[data-v-4c6bd4bb]{align-self:flex-end}.self-center[data-v-4c6bd4bb]{align-self:center}.self-stretch[data-v-4c6bd4bb]{align-self:stretch}.self-baseline[data-v-4c6bd4bb]{align-self:baseline}.cursor-pointer[data-v-4c6bd4bb]{cursor:pointer}.cursor-not-allowed[data-v-4c6bd4bb]{cursor:not-allowed}.fusion-text-link[data-v-4c6bd4bb]{font-family:var(--fusion-text-link-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-text-link-font-size);color:var(--fusion-text-link-color);padding:var(--fusion-text-link-padding-top) var(--fusion-text-link-padding-right) var(--fusion-text-link-padding-bottom) var(--fusion-text-link-padding-left);gap:var(--fusion-text-link-items-gap);line-height:var(--fusion-text-link-line-height);text-decoration:var(--fusion-text-link-decoration)}.fusion-text-link[data-v-4c6bd4bb]:focus{outline:none;border-style:solid;border-color:var(--fusion-text-link-border-colour);border-radius:var(--fusion-text-link-border-radius);border-width:var(--fusion-text-link-border-width);box-shadow:var(--fusion-text-link-ring-color) var(--fusion-text-link-ring-width)}.fusion-text-link.icon[data-v-4c6bd4bb]{order:var(--fusion-text-link-icon-order);padding-top:var(--fusion-text-link-icon-padding-top)}.fusion-text-link.disabled[data-v-4c6bd4bb]{pointer-events:none}
|
package/dist/fusion.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(n,c){var p=document.createElement("style");p.textContent=`@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";.loader-wrapper[data-v-9d1a6ba1]{width:20px;height:20px}.loader[data-v-9d1a6ba1]{width:16px;height:16px;border-radius:var(--fusion-loading-spinner-border-radius);border:2px solid var(--14b4b738);border-right-color:transparent;animation:spin-9d1a6ba1 1s linear infinite}@keyframes spin-9d1a6ba1{to{transform:rotate(360deg)}}.fusion-button{color:var(--fusion-text-color);font-family:var(--fusion-button-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:var(--fusion-button-font-weight);font-size:var(--fusion-button-font-size);line-height:var(--fusion-button-line-height);border-radius:var(--fusion-button-border-radius);border:0;cursor:var(--fusion-button-cursor);transition:box-shadow 125ms ease-in-out,background-color .2s ease-in-out;box-shadow:var(--fusion-button-box-shadow);outline:var(--fusion-button-border);padding:var(--fusion-button-padding);background-color:var(--fusion-button-background-color)}.flex[data-v-98a7bec1]{display:flex}.inline-flex[data-v-98a7bec1]{display:inline-flex}.flex-row[data-v-98a7bec1]{flex-direction:row}.flex-row-reverse[data-v-98a7bec1]{flex-direction:row-reverse}.flex-col[data-v-98a7bec1]{flex-direction:column}.flex-col-reverse[data-v-98a7bec1]{flex-direction:column-reverse}.flex-wrap[data-v-98a7bec1]{flex-wrap:wrap}.flex-wrap-reverse[data-v-98a7bec1]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-98a7bec1]{flex-wrap:nowrap}.flex-grow[data-v-98a7bec1]{flex-grow:1}.flex-grow-0[data-v-98a7bec1]{flex-grow:0}.flex-shrink[data-v-98a7bec1]{flex-shrink:1}.flex-shrink-0[data-v-98a7bec1]{flex-shrink:0}.justify-start[data-v-98a7bec1]{justify-content:flex-start}.justify-end[data-v-98a7bec1]{justify-content:flex-end}.justify-center[data-v-98a7bec1]{justify-content:center}.justify-between[data-v-98a7bec1]{justify-content:space-between}.justify-around[data-v-98a7bec1]{justify-content:space-around}.justify-evenly[data-v-98a7bec1]{justify-content:space-evenly}.items-start[data-v-98a7bec1]{align-items:flex-start}.items-end[data-v-98a7bec1]{align-items:flex-end}.items-center[data-v-98a7bec1]{align-items:center}.items-baseline[data-v-98a7bec1]{align-items:baseline}.items-stretch[data-v-98a7bec1]{align-items:stretch}.content-start[data-v-98a7bec1]{align-content:flex-start}.content-end[data-v-98a7bec1]{align-content:flex-end}.content-center[data-v-98a7bec1]{align-content:center}.content-between[data-v-98a7bec1]{align-content:space-between}.content-around[data-v-98a7bec1]{align-content:space-around}.content-evenly[data-v-98a7bec1]{align-content:space-evenly}.self-auto[data-v-98a7bec1]{align-self:auto}.self-start[data-v-98a7bec1]{align-self:flex-start}.self-end[data-v-98a7bec1]{align-self:flex-end}.self-center[data-v-98a7bec1]{align-self:center}.self-stretch[data-v-98a7bec1]{align-self:stretch}.self-baseline[data-v-98a7bec1]{align-self:baseline}.fusion-textarea[data-v-98a7bec1]{font-family:var(--fusion-textarea-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-textarea-font-size)}.fusion-textarea.input[data-v-98a7bec1]{color:var(--fusion-textarea-input-font-colour);padding:var(--fusion-textarea-input-padding-top) var(--fusion-textarea-input-padding-right) var(--fusion-textarea-input-padding-bottom) var(--fusion-textarea-input-padding-left);border-color:var(--fusion-textarea-input-border-colour);border-radius:var(--fusion-textarea-input-border-radius);border-width:var(--fusion-textarea-input-border-width);resize:vertical;border-style:solid;background-color:var(--fusion-textarea-input-background-colour);margin-top:var(--fusion-textarea-input-margin-top)}.fusion-textarea.input[data-v-98a7bec1]::placeholder{font-family:Roboto,sans-serif;font-weight:var(--fusion-textarea-input-placeholder-font-weight);line-height:var(--fusion-textarea-input-placeholder-line-height);color:var(--fusion-textarea-input-placeholder-colour)}.fusion-textarea.input[data-v-98a7bec1]:focus{outline:none;box-shadow:var(--fusion-textarea-input-ring-colour) 0 0 0 4px}.fusion-textarea.label[data-v-98a7bec1]{color:var(--fusion-textarea-label-font-colour);font-weight:var(--fusion-textarea-label-font-weight);line-height:var(--fusion-textarea-label-line-height)}.fusion-textarea.helper-label[data-v-98a7bec1]{margin-top:var(--fusion-textarea-helper-label-margin-top);color:var(--fusion-textarea-helper-label-font-colour);font-weight:var(--fusion-textarea-helper-label-font-weight);line-height:var(--fusion-textarea-helper-label-line-height)}.fusion-textarea.text-count-label[data-v-98a7bec1]{color:var(--fusion-textarea-count-label-font-colour);margin-top:var(--fusion-textarea-count-label-margin-top);font-size:var(--fusion-textarea-count-label-font-size);font-weight:var(--fusion-textarea-count-label-font-weight);line-height:var(--fusion-textarea-count-label-line-height)}.fusion-textarea.error-label[data-v-98a7bec1]{font-weight:var(--fusion-textarea-error-label-font-weight);color:var(--fusion-textarea-error-label-font-colour);line-height:var(--fusion-textarea-error-label-line-height);margin-top:var(--fusion-textarea-error-label-margin-top);gap:var(--fusion-textarea-error-label-items-gap)}.fusion-textarea.error-icon[data-v-98a7bec1]{height:20px;width:21px}.fusion-textarea.disabled[data-v-98a7bec1]{cursor:not-allowed}.fusion-checkbox-wrapper{display:flex;align-items:center;gap:var(--fusion-checkbox-gap);width:max-content}.fusion-checkbox-icon{position:relative}.fusion-checkbox-label{color:var(--fusion-checkbox-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-helper-text{color:var(--fusion-checkbox-helper-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-labels-wrapper{display:flex;flex-direction:column;row-gap:4px}.fusion-checkbox-input{margin:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;width:20px;height:20px;border-radius:var(--fusion-checkbox-border-radius);border:var(--fusion-checkbox-border);background-color:var(--fusion-checkbox-background-color);box-shadow:var(--fusion-checkbox-box-shadow);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.fusion-checkbox-input:checked{background-color:var(--fusion-checkbox-background-color)}.fusion-checkbox-input:checked:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");display:block;text-align:center;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.fusion-checkbox-input:checked:disabled:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='%23B1B1B1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.flex[data-v-6e8229be]{display:flex}.inline-flex[data-v-6e8229be]{display:inline-flex}.flex-row[data-v-6e8229be]{flex-direction:row}.flex-row-reverse[data-v-6e8229be]{flex-direction:row-reverse}.flex-col[data-v-6e8229be]{flex-direction:column}.flex-col-reverse[data-v-6e8229be]{flex-direction:column-reverse}.flex-wrap[data-v-6e8229be]{flex-wrap:wrap}.flex-wrap-reverse[data-v-6e8229be]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-6e8229be]{flex-wrap:nowrap}.flex-grow[data-v-6e8229be]{flex-grow:1}.flex-grow-0[data-v-6e8229be]{flex-grow:0}.flex-shrink[data-v-6e8229be]{flex-shrink:1}.flex-shrink-0[data-v-6e8229be]{flex-shrink:0}.justify-start[data-v-6e8229be]{justify-content:flex-start}.justify-end[data-v-6e8229be]{justify-content:flex-end}.justify-center[data-v-6e8229be]{justify-content:center}.justify-between[data-v-6e8229be]{justify-content:space-between}.justify-around[data-v-6e8229be]{justify-content:space-around}.justify-evenly[data-v-6e8229be]{justify-content:space-evenly}.items-start[data-v-6e8229be]{align-items:flex-start}.items-end[data-v-6e8229be]{align-items:flex-end}.items-center[data-v-6e8229be]{align-items:center}.items-baseline[data-v-6e8229be]{align-items:baseline}.items-stretch[data-v-6e8229be]{align-items:stretch}.content-start[data-v-6e8229be]{align-content:flex-start}.content-end[data-v-6e8229be]{align-content:flex-end}.content-center[data-v-6e8229be]{align-content:center}.content-between[data-v-6e8229be]{align-content:space-between}.content-around[data-v-6e8229be]{align-content:space-around}.content-evenly[data-v-6e8229be]{align-content:space-evenly}.self-auto[data-v-6e8229be]{align-self:auto}.self-start[data-v-6e8229be]{align-self:flex-start}.self-end[data-v-6e8229be]{align-self:flex-end}.self-center[data-v-6e8229be]{align-self:center}.self-stretch[data-v-6e8229be]{align-self:stretch}.self-baseline[data-v-6e8229be]{align-self:baseline}.gap-y-1[data-v-6e8229be]{row-gap:4px}.max-w-max[data-v-6e8229be]{max-width:max-content}.max-w-min[data-v-6e8229be]{max-width:min-content}.cursor-pointer[data-v-6e8229be]{cursor:pointer}.cursor-not-allowed[data-v-6e8229be]{cursor:not-allowed}.fusion-radio[data-v-6e8229be]{font-family:var(--fusion-radio-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;margin:0}.fusion-radio.input[data-v-6e8229be]{width:23.463px;height:23.463px;align-self:center;background-clip:content-box;padding:2px;margin-right:var(--fusion-radio-margin-right);border-style:solid;border-radius:50%;border-width:1.5px;border-color:var(--fusion-radio-border-colour)}.fusion-radio.input[data-v-6e8229be]:focus{box-shadow:var(--fusion-radio-ring-color) var(--fusion-radio-ring-width)}.fusion-radio.input[data-v-6e8229be]:checked{background-color:var(--fusion-radio-checked-colour)}.fusion-radio.label[data-v-6e8229be]{color:var(--fusion-radio-label-font-colour);font-weight:var(--fusion-radio-label-font-weight);font-size:var(--fusion-radio-label-font-size);line-height:var(--fusion-radio-label-line-height)}.fusion-radio.helper-label[data-v-6e8229be]{color:var(--fusion-radio-helper-label-font-colour);font-weight:var(--fusion-radio-helper-label-font-weight);font-size:var(--fusion-radio-helper-label-font-size);line-height:var(--fusion-radio-helper-label-line-height)}.flex[data-v-4c6bd4bb]{display:flex}.inline-flex[data-v-4c6bd4bb]{display:inline-flex}.flex-row[data-v-4c6bd4bb]{flex-direction:row}.flex-row-reverse[data-v-4c6bd4bb]{flex-direction:row-reverse}.flex-col[data-v-4c6bd4bb]{flex-direction:column}.flex-col-reverse[data-v-4c6bd4bb]{flex-direction:column-reverse}.flex-wrap[data-v-4c6bd4bb]{flex-wrap:wrap}.flex-wrap-reverse[data-v-4c6bd4bb]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-4c6bd4bb]{flex-wrap:nowrap}.flex-grow[data-v-4c6bd4bb]{flex-grow:1}.flex-grow-0[data-v-4c6bd4bb]{flex-grow:0}.flex-shrink[data-v-4c6bd4bb]{flex-shrink:1}.flex-shrink-0[data-v-4c6bd4bb]{flex-shrink:0}.justify-start[data-v-4c6bd4bb]{justify-content:flex-start}.justify-end[data-v-4c6bd4bb]{justify-content:flex-end}.justify-center[data-v-4c6bd4bb]{justify-content:center}.justify-between[data-v-4c6bd4bb]{justify-content:space-between}.justify-around[data-v-4c6bd4bb]{justify-content:space-around}.justify-evenly[data-v-4c6bd4bb]{justify-content:space-evenly}.items-start[data-v-4c6bd4bb]{align-items:flex-start}.items-end[data-v-4c6bd4bb]{align-items:flex-end}.items-center[data-v-4c6bd4bb]{align-items:center}.items-baseline[data-v-4c6bd4bb]{align-items:baseline}.items-stretch[data-v-4c6bd4bb]{align-items:stretch}.content-start[data-v-4c6bd4bb]{align-content:flex-start}.content-end[data-v-4c6bd4bb]{align-content:flex-end}.content-center[data-v-4c6bd4bb]{align-content:center}.content-between[data-v-4c6bd4bb]{align-content:space-between}.content-around[data-v-4c6bd4bb]{align-content:space-around}.content-evenly[data-v-4c6bd4bb]{align-content:space-evenly}.self-auto[data-v-4c6bd4bb]{align-self:auto}.self-start[data-v-4c6bd4bb]{align-self:flex-start}.self-end[data-v-4c6bd4bb]{align-self:flex-end}.self-center[data-v-4c6bd4bb]{align-self:center}.self-stretch[data-v-4c6bd4bb]{align-self:stretch}.self-baseline[data-v-4c6bd4bb]{align-self:baseline}.cursor-pointer[data-v-4c6bd4bb]{cursor:pointer}.cursor-not-allowed[data-v-4c6bd4bb]{cursor:not-allowed}.fusion-text-link[data-v-4c6bd4bb]{font-family:var(--fusion-text-link-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-text-link-font-size);color:var(--fusion-text-link-color);padding:var(--fusion-text-link-padding-top) var(--fusion-text-link-padding-right) var(--fusion-text-link-padding-bottom) var(--fusion-text-link-padding-left);gap:var(--fusion-text-link-items-gap);line-height:var(--fusion-text-link-line-height);text-decoration:var(--fusion-text-link-decoration)}.fusion-text-link[data-v-4c6bd4bb]:focus{outline:none;border-style:solid;border-color:var(--fusion-text-link-border-colour);border-radius:var(--fusion-text-link-border-radius);border-width:var(--fusion-text-link-border-width);box-shadow:var(--fusion-text-link-ring-color) var(--fusion-text-link-ring-width)}.fusion-text-link.icon[data-v-4c6bd4bb]{order:var(--fusion-text-link-icon-order);padding-top:var(--fusion-text-link-icon-padding-top)}.fusion-text-link.disabled[data-v-4c6bd4bb]{pointer-events:none}
|
|
2
|
+
`,document.head.appendChild(p),typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(n=typeof globalThis<"u"?globalThis:n||self,n.FusionComponentLibrary=c(n.Vue))})(this,function(n){"use strict";var nt=Object.defineProperty;var at=(n,c,p)=>c in n?nt(n,c,{enumerable:!0,configurable:!0,writable:!0,value:p}):n[c]=p;var u=(n,c,p)=>(at(n,typeof c!="symbol"?c+"":c,p),p);const f={grid:{"gap-8":{pattern:"columns",gutterSize:8,alignment:"stretch",count:12,offset:0},"gap-16":{pattern:"columns",gutterSize:16,alignment:"stretch",count:12,offset:0},"gap-32":{pattern:"columns",gutterSize:32,alignment:"stretch",count:12,offset:0}},effect:{"shadow-sm":{shadowType:"dropShadow",radius:2,color:"#dededeff",offsetX:0,offsetY:1,spread:0},shadow:{shadowType:"dropShadow",radius:3,color:"#dededeff",offsetX:0,offsetY:1,spread:0},"shadow-md":{shadowType:"dropShadow",radius:6,color:"#dededeff",offsetX:0,offsetY:4,spread:-1},"shadow-lg":{shadowType:"dropShadow",radius:15,color:"#dededeff",offsetX:0,offsetY:10,spread:-3},"shadow-xl":{shadowType:"dropShadow",radius:25,color:"#dededeff",offsetX:0,offsetY:20,spread:-5},"shadow-inner":{shadowType:"innerShadow",radius:4,color:"#dededeff",offsetX:0,offsetY:2,spread:0}},"primitive-tokens":{colour:{fused:{grey:{50:"#f5f5f5ff",100:"#d6d6d6ff",200:"#aeaeaeff",300:"#858585ff",400:"#5d5d5dff",500:"#343434ff"},blue:{50:"#c4d7dcff",100:"#97b8c1ff",200:"#719dacff",300:"#438093ff",400:"#016179ff",500:"#005469ff"},red:{50:"#f9e1e2ff",100:"#f2c3c6ff",200:"#eca6a9ff",300:"#e5888dff",400:"#df6a70ff",500:"#bd595eff"},green:{50:"#e6f4edff",100:"#cce9daff",200:"#b3dec8ff",300:"#99d3b5ff",400:"#80c8a3ff",500:"#66a484ff"},pink:{50:"#f5d7e4ff",100:"#edb6ccff",200:"#e79cbaff",300:"#e27fa6ff",400:"#ef5a97ff",500:"#d44f85ff"}},global:{yellow:{50:"#fdf1ccff",100:"#fce399ff",200:"#fad466ff",300:"#f9c633ff",400:"#f7b800ff",500:"#dea500ff"},white:{white:"#ffffffff"}},oub:{orange:{50:"#f9e1ccff",100:"#f3c499ff",200:"#eea666ff",300:"#e88933ff",400:"#e26b00ff",500:"#b55600ff"},grey:{50:"#f5f5f5ff",100:"#d8d8d8ff",200:"#b1b1b1ff",300:"#8b8b8bff",400:"#646464ff",500:"#3d3d3dff"},red:{50:"#fce2e2ff",100:"#f9c5c5ff",200:"#f6a7a7ff",300:"#f38a8aff",400:"#f06d6dff",500:"#c75454ff"},blue:{50:"#deebf4ff",100:"#bed6e9ff",200:"#9dc2ddff",300:"#7dadd2ff",400:"#5c99c7ff",500:"#4b7ea5ff"},green:{50:"#daf1f0ff",100:"#b6e4e1ff",200:"#91d6d1ff",300:"#6dc9c2ff",400:"#48bbb3ff",500:"#3b9a93ff"}}},radius:{"rounded-sm":"0.125rem",rounded:"0.25rem","rounded-md":"0.375rem","rounded-lg":"0.5rem","rounded-xl":"0.75rem","rounded-full":"624.938rem","rounded-none":0},spacing:{0:0,1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem",px:"0.063rem","0․5":"0.125rem","1․5":"0.375rem","2․5":"0.625rem","3․5":"0.875rem"},"container width":{"container-sm":"40rem","container-md":"48rem","container-lg":"64rem","container-xl":"80rem","container-xs":"20rem"}},"semantic-tokens":{oub:{colour:{text:{primary:"#3d3d3dff",secondary:"#646464ff","primary-placeholder":"#b1b1b1ff","primary-danger":"#c75454ff",disabled:"#b1b1b1ff",plain:"#ffffffff",tertiary:"#8b8b8bff","primary-interaction":"#e26b00ff","primary-interaction-strong":"#b55600ff","primary-interaction-disabled":"#eea666ff","secondary-interaction":"#646464ff","secondary-interaction-strong":"#3d3d3dff","secondary-interaction-disabled":"#b1b1b1ff","danger-interaction":"#f06d6dff","danger-interaction-strong":"#c75454ff","danger-interaction-disabled":"#f6a7a7ff"},border:{"primary-neutral":"#b1b1b1ff","primary-focus":"#5c99c7ff","ring-primary":"#9dc2ddff","ring-primary-danger":"#f6a7a7ff","primary-danger":"#f06d6dff","primary-disabled":"#b1b1b1ff","ring-primary-interaction":"#eea666ff","primary-interaction":"#e26b00ff","secondary-interaction":"#3d3d3dff","ring-secondary-interaction":"#b1b1b1ff","primary-interaction-disabled":"#eea666ff","danger-interaction-disabled":"#f6a7a7ff","primary-interaction-strong":"#b55600ff","primary-strong":"#646464ff"},icon:{danger:"#c75454ff",primary:"#646464ff","primary-strong":"#3d3d3dff",secondary:"#b1b1b1ff",plain:"#ffffffff",selected:"#4b7ea5ff",info:"#4b7ea5ff",success:"#3b9a93ff",warning:"#dea500ff"},background:{disabled:"#f5f5f5ff",subtle:"#f5f5f5ff",default:"#ffffffff","selected-subtle":"#deebf4ff",selected:"#5c99c7ff","primary-interaction":"#e26b00ff","primary-interaction-strong":"#b55600ff","primary-interaction-disabled":"#eea666ff","danger-interaction":"#f06d6dff","danger-interaction-strong":"#c75454ff","danger-interaction-disabled":"#f6a7a7ff","primary-interaction-subtle":"#f9e1ccff","primary-interaction-subtle-hover":"#f3c499ff","danger-interaction-subtle":"#fce2e2ff","danger-interaction-subtle-hover":"#f9c5c5ff","subtle-strong":"#d8d8d8ff","danger-accent":"#f06d6dff","info-accent":"#5c99c7ff","success-accent":"#48bbb3ff","warning-accent":"#f7b800ff"}},spacing:{none:0,sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem","4xl":"3rem","3xl":"2rem","5xl":"4rem","6xl":"6rem",xs:"0.125rem"},radius:{sm:"0.125rem",md:"0.25rem",full:"624.938rem",none:0},"container width":{xs:"20rem",sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem"}},fused:{colour:{text:{primary:"#343434ff",secondary:"#5d5d5dff","primary-placeholder":"#aeaeaeff","primary-danger":"#bd595eff",disabled:"#aeaeaeff",plain:"#ffffffff",tertiary:"#858585ff","primary-interaction":"#ef5a97ff","primary-interaction-strong":"#d44f85ff","primary-interaction-disabled":"#e79cbaff","secondary-interaction":"#5d5d5dff","secondary-interaction-strong":"#343434ff","secondary-interaction-disabled":"#aeaeaeff","danger-interaction":"#df6a70ff","danger-interaction-strong":"#bd595eff","danger-interaction-disabled":"#eca6a9ff"},border:{"primary-neutral":"#aeaeaeff","primary-focus":"#016179ff","ring-primary":"#719dacff","ring-primary-danger":"#eca6a9ff","primary-danger":"#df6a70ff","primary-disabled":"#aeaeaeff","ring-primary-interaction":"#e79cbaff","primary-interaction":"#ef5a97ff","secondary-interaction":"#343434ff","ring-secondary-interaction":"#aeaeaeff","primary-interaction-disabled":"#e79cbaff","danger-interaction-disabled":"#eca6a9ff","primary-interaction-strong":"#ef5a97ff","primary-strong":"#5d5d5dff"},icon:{danger:"#bd595eff",primary:"#5d5d5dff","primary-strong":"#343434ff",secondary:"#aeaeaeff",plain:"#ffffffff",selected:"#005469ff",info:"#005469ff",success:"#66a484ff",warning:"#dea500ff"},background:{disabled:"#f5f5f5ff",subtle:"#f5f5f5ff",default:"#ffffffff","selected-subtle":"#c4d7dcff",selected:"#016179ff","primary-interaction":"#ef5a97ff","primary-interaction-strong":"#d44f85ff","primary-interaction-disabled":"#e79cbaff","danger-interaction":"#df6a70ff","danger-interaction-strong":"#bd595eff","danger-interaction-disabled":"#eca6a9ff","primary-interaction-subtle":"#f5d7e4ff","primary-interaction-subtle-hover":"#edb6ccff","danger-interaction-subtle":"#f9e1e2ff","danger-interaction-subtle-hover":"#f2c3c6ff","subtle-strong":"#d6d6d6ff","danger-accent":"#df6a70ff","info-accent":"#016179ff","success-accent":"#80c8a3ff","warning-accent":"#f7b800ff"}},spacing:{none:0,sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem","4xl":"3rem","3xl":"2rem","5xl":"4rem","6xl":"6rem",xs:"0.125rem"},radius:{sm:"0.125rem",md:"0.25rem",full:"624.938rem",none:0},"container width":{xs:"20rem",sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem"}}},typography:{oub:{headings:{xl:{fontSize:"3rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"4.375rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},lg:{fontSize:"2.5rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"3.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},md:{fontSize:"1.875rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"2.813rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"1.25rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:600,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},labels:{lg:{fontSize:"1rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},links:{md:{fontSize:"1rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},body:{md:{400:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},sm:{400:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},xs:{400:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}}}},fused:{headings:{xl:{fontSize:"3rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"4.375rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},lg:{fontSize:"2.5rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"3.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},md:{fontSize:"1.875rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"2.813rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"1.25rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},labels:{lg:{fontSize:"1rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},links:{lg:{fontSize:"1rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},body:{md:{400:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},sm:{400:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},xs:{400:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}}}}}};function v(e,t){return f["semantic-tokens"][e].colour.text[t.state]}function g(e,t){return f["semantic-tokens"][e].colour.text[t]}function S(e,t){return String(f.typography[e].labels[t.variant][t.state])}function s(e,t="fontFamily",a="md",r="500"){return String(f.typography[e].body[a][r][t])}function C(e,t){return f["semantic-tokens"][e].spacing[t.state]}function d(e,t){return f["semantic-tokens"][e].spacing[t]}function ot(e){return e}function E(e,t){return String(f["semantic-tokens"][e].radius[t.state])}function $(e,t){return String(f["semantic-tokens"][e].radius[t])}function F(e,t){return f["semantic-tokens"][e].colour.background[t.state]}function L(e,t){return f["semantic-tokens"][e].colour.background[t]}function H(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;if(t==="filled"){if(a==="primary")return r.hover&&!o?{state:"plain"}:r.focus?{state:"plain"}:{state:"plain"};if(a==="danger")return r.hover&&!o?{state:"plain"}:r.focus?{state:"plain"}:{state:"plain"}}return t==="outline"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:t==="ghost"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:{state:"plain"}}function B(e,t){return e.size==="small"?{variant:"sm",state:t}:{variant:"lg",state:t}}function R(e){return e.size==="small"?{variant:"sm",state:"lineHeight"}:{variant:"lg",state:"lineHeight"}}function j(){return{state:"full"}}function _(e,t="vertical"){return e.size==="small"&&t==="vertical"?{state:"lg"}:e.size==="regular"&&t==="vertical"?{state:"xl"}:e.size==="small"&&t==="horizontal"?{state:"3xl"}:e.size==="regular"&&t==="horizontal"?{state:"4xl"}:{state:"lg"}}function q(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;return t==="filled"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:t==="outline"?r.hover&&!o?{state:`${a}-interaction-subtle`}:r.focus?{state:`${a}-interaction-subtle`}:{state:"default"}:t==="ghost"?r.hover&&!o&&!r.focus?{state:`${a}-interaction-subtle`}:r.focus?{state:`${a}-interaction-subtle-hover`}:{state:"default"}:{state:"default"}}function P(e){const{variantType:t,interaction:a,variantStyle:r}=e;if(a.focus&&r!=="ghost"){if(t==="primary")return{state:`ring-${t}-interaction`};if(t==="danger")return{state:`ring-primary-${t}`}}return{state:void 0}}function G(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;if(t==="filled")return{state:void 0};if(t==="outline"){if(a==="primary")return r.hover&&!o?{state:`${a}-interaction`}:r.focus?{state:`${a}-interaction`}:e.disabled?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`};if(a==="danger")return r.hover&&!o?{state:`primary-${a}`}:r.focus?{state:`primary-${a}`}:e.disabled?{state:`${a}-interaction-disabled`}:{state:`primary-${a}`}}return t==="ghost"?{state:void 0}:{state:"primary-interaction"}}function w(e,t){return f["semantic-tokens"][e].colour.border[t.state]}function x(e,t){return f["semantic-tokens"][e].colour.border[t]}function K(e,t){return{"--fusion-text-color":v(e,H(t)),"--fusion-button-font-family":S(e,B(t,"fontFamily")),"--fusion-button-font-weight":S(e,B(t,"fontWeight")),"--fusion-button-font-size":S(e,B(t,"fontSize")),"--fusion-button-line-height":S(e,R(t)),"--fusion-button-border-radius":E(e,j()),"--fusion-button-padding":`${C(e,_(t))} ${C(e,_(t,"horizontal"))}`,"--fusion-button-background-color":F(e,q(t)),"--fusion-button-box-shadow":`${w(e,P(t))} 0px 0px 0px 4px`,"--fusion-button-border":`solid 2px ${w(e,G(t))}`,"--fusion-button-cursor":t.disabled?"not-allowed":"pointer","--fusion-spinner-color":v(e,H(t))}}class h{constructor(t){u(this,"disabled");u(this,"focused");u(this,"hover");u(this,"error");u(this,"theme");u(this,"DEFAULT_THEME","fused");this.disabled=t.disabled,this.focused=t.focused,this.hover=t.hover,this.error=t.error,this.theme=t.theme||this.DEFAULT_THEME}}class Z extends h{static getBorderRadius(){return"full"}}function A(e){return{"--fusion-loading-spinner-border-radius":$(e,Z.getBorderRadius())}}const T=n.defineComponent({name:"FusionLoadingSpinner",props:{spinnerColour:{type:String,default:"#646464"}},data(){return{styleVariables:{}}},created(){this.loadStyleVariables()},methods:{loadStyleVariables:function(){this.styleVariables=A("fused")}}}),D=()=>{n.useCssVars(e=>({"14b4b738":e.spinnerColour}))},M=T.setup;T.setup=M?(e,t)=>(D(),M(e,t)):D;const it="",b=(e,t)=>{const a=e.__vccOpts||e;for(const[r,o]of t)a[r]=o;return a},X=[(e=>(n.pushScopeId("data-v-9d1a6ba1"),e=e(),n.popScopeId(),e))(()=>n.createElementVNode("div",{class:"loader"},null,-1))];function Y(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("div",{class:"loader-wrapper",role:"status",style:n.normalizeStyle(e.styleVariables)},X,4)}const U=b(T,[["render",Y],["__scopeId","data-v-9d1a6ba1"]]),O=n.defineComponent({components:{FusionLoadingSpinner:U},props:{theme:{type:String,required:!1,default:"fused"},label:{type:String,required:!0},variantType:{type:String,required:!1,default:"primary"},variantStyle:{type:String,required:!1,default:"filled"},size:{type:String,required:!1,default:"regular"},type:{type:String,required:!1,default:"submit"},loading:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!0}},emits:{click:null},data(){return{styleVariables:{"--fusion-spinner-color":""},focus:!1,hover:!1}},computed:{spinnerColour(){return this.styleVariables["--fusion-spinner-color"]},isDisabled(){return this.disabled},isLoading(){return this.loading},styleProps(){return{variantType:this.variantType,variantStyle:this.variantStyle,size:this.size,theme:this.theme,disabled:this.disabled,interaction:{focus:this.focus,hover:this.hover}}}},watch:{styleProps:{handler(){this.loadStyleVariables()},deep:!0,immediate:!0}},methods:{loadStyleVariables:function(){this.styleVariables=K(this.theme,this.styleProps)},onClick(){this.$emit("click")}}}),dt="",J=["disabled"],Q={key:1};function ee(e,t,a,r,o,y){const l=n.resolveComponent("FusionLoadingSpinner");return n.openBlock(),n.createElementBlock("button",{id:"fusion-btn",disabled:e.isDisabled||e.isLoading,style:n.normalizeStyle(e.styleVariables),class:"fusion-button",onFocus:t[0]||(t[0]=i=>e.focus=!0),onBlur:t[1]||(t[1]=i=>e.focus=!1),onMouseover:t[2]||(t[2]=i=>e.hover=!0),onMouseleave:t[3]||(t[3]=i=>e.hover=!1),onClick:t[4]||(t[4]=(...i)=>e.onClick&&e.onClick(...i))},[e.loading?(n.openBlock(),n.createBlock(l,{key:0,"spinner-colour":e.spinnerColour},null,8,["spinner-colour"])):(n.openBlock(),n.createElementBlock("span",Q,n.toDisplayString(e.label),1))],44,J)}const te=b(O,[["render",ee]]),ne={name:"SVGExclamationTriangle"},ae={width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},re=[n.createElementVNode("g",{"clip-path":"url(#clip0_1898_637)"},[n.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.61295 2.14027C9.45164 0.687616 11.5484 0.687621 12.387 2.14027L20.2048 15.681C21.0435 17.1337 19.9951 18.9495 18.3178 18.9495H2.68223C1.00485 18.9495 -0.043509 17.1337 0.795178 15.681L8.61295 2.14027ZM10.4999 5.25932C11.0157 5.25932 11.4338 5.67742 11.4338 6.19317V10.5511C11.4338 11.0669 11.0157 11.485 10.4999 11.485C9.98419 11.485 9.5661 11.0669 9.5661 10.5511L9.5661 6.19317C9.5661 5.67742 9.98419 5.25932 10.4999 5.25932ZM10.4999 16.4655C11.1876 16.4655 11.7451 15.908 11.7451 15.2204C11.7451 14.5327 11.1876 13.9752 10.4999 13.9752C9.81228 13.9752 9.25482 14.5327 9.25482 15.2204C9.25482 15.908 9.81228 16.4655 10.4999 16.4655Z",fill:"#BD595E"})],-1),n.createElementVNode("defs",null,[n.createElementVNode("clipPath",{id:"clip0_1898_637"},[n.createElementVNode("rect",{width:"20",height:"20",fill:"white",transform:"translate(0.5)"})])],-1)];function oe(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("svg",ae,re)}const ie=b(ne,[["render",oe]]);class m extends h{getTextColour(){return this.disabled?"disabled":"primary"}static getPlaceholderColour(){return"primary-placeholder"}static getMarginTop(){return"lg"}static getPaddingTop(){return"lg"}static getPaddingBottom(){return"lg"}static getPaddingLeft(){return"lg"}static getPaddingRight(){return"lg"}getBorderWidth(){return this.focused?"2px":"1px"}static getBorderRadius(){return"md"}getBorderColour(){return this.disabled?"primary-disabled":this.error?"primary-danger":this.focused?"primary-focus":"primary-neutral"}getBorderColourFocus(){return this.error?"ring-primary-danger":"ring-primary"}getBackgroundColour(){return this.disabled?"disabled":"default"}}class se extends h{getTextColour(){return this.error?"primary-danger":this.disabled?"disabled":"primary"}}class N extends h{getTextColour(){return this.disabled?"disabled":"secondary"}static getMarginTop(){return"lg"}}class W{static getTextColour(){return"secondary"}static getMarginTop(){return"lg"}}class V extends h{static getTextColour(){return"primary-danger"}static getMarginTop(){return"lg"}static getItemsGap(){return"lg"}}function le(e,t){const a=new m(t),r=new se(t),o=new N(t);return{"--fusion-textarea-font-family":s(e),"--fusion-textarea-font-size":s(e,"fontSize"),"--fusion-textarea-input-font-colour":g(e,a.getTextColour()),"--fusion-textarea-input-margin-top":d(e,m.getMarginTop()),"--fusion-textarea-input-padding-top":d(e,m.getPaddingTop()),"--fusion-textarea-input-padding-bottom":d(e,m.getPaddingBottom()),"--fusion-textarea-input-padding-left":d(e,m.getPaddingLeft()),"--fusion-textarea-input-padding-right":d(e,m.getPaddingRight()),"--fusion-textarea-input-border-colour":x(e,a.getBorderColour()),"--fusion-textarea-input-border-radius":$(e,m.getBorderRadius()),"--fusion-textarea-input-ring-colour":x(e,a.getBorderColourFocus()),"--fusion-textarea-input-background-colour":L(e,a.getBackgroundColour()),"--fusion-textarea-input-placeholder-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-input-placeholder-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-input-placeholder-colour":g(e,m.getPlaceholderColour()),"--fusion-textarea-input-border-width":a.getBorderWidth(),"--fusion-textarea-label-font-weight":s(e,"fontWeight","md"),"--fusion-textarea-label-line-height":s(e,"lineHeight"),"--fusion-textarea-label-font-colour":g(e,r.getTextColour()),"--fusion-textarea-helper-label-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-helper-label-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-helper-label-font-colour":g(e,o.getTextColour()),"--fusion-textarea-helper-label-margin-top":d(e,N.getMarginTop()),"--fusion-textarea-count-label-font-colour":g(e,W.getTextColour()),"--fusion-textarea-count-label-margin-top":d(e,W.getMarginTop()),"--fusion-textarea-count-label-font-size":s(e,"fontSize","sm","400"),"--fusion-textarea-count-label-font-weight":s(e,"fontWeight","sm","400"),"--fusion-textarea-count-label-line-height":s(e,"lineHeight","sm","400"),"--fusion-textarea-error-label-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-error-label-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-error-label-font-colour":g(e,V.getTextColour()),"--fusion-textarea-error-label-margin-top":d(e,V.getMarginTop()),"--fusion-textarea-error-label-items-gap":d(e,V.getItemsGap())}}const de=n.defineComponent({name:"FusionTextarea",components:{SVGExclamationTriangle:ie},props:{id:{type:String,required:!0},name:{type:String,required:!0},label:{type:String,required:!0},ariaDescribedBy:{type:String,required:!0},theme:{type:String,default:"oub"},rows:{type:String,default:"4"},cols:{type:String,default:"50"},placeholder:{type:String,default:""},helperLabel:{type:String,default:""},errorLabel:{type:String,default:""},modelValue:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showCharLength:{type:Boolean,default:!0},maxLength:{type:Number,default:200},tabIndex:{type:Number,default:0},autocomplete:{type:String,default:""}},emits:["update:modelValue","input:focus","input:blur","keydown:enter"],data:function(){return{inputValue:this.modelValue,styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{inputStates(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,error:!!this.errorLabel,theme:this.theme}}},watch:{inputStates:{handler(e){this.loadStyleVariables(e)},deep:!0,immediate:!0},modelValue:{handler(e){this.inputValue=e},immediate:!0}},methods:{loadStyleVariables(e){this.styleVariables=le(this.theme,e)},updateInput:function(){this.$emit("update:modelValue",this.inputValue)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleKeydownEnter:function(){this.$emit("keydown:enter")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),ut="",fe=["for"],ce={key:0,class:"fusion-textarea helper-label"},ue=["id","name","rows","cols","placeholder","required","disabled","readonly","tabindex","autocomplete","maxlength","aria-describedby"],pe={key:0,class:"flex items-center fusion-textarea error-label"},ge={id:"current"},he={id:"maximum"};function be(e,t,a,r,o,y){const l=n.resolveComponent("SVGExclamationTriangle");return n.openBlock(),n.createElementBlock("div",{class:"flex flex-col",style:n.normalizeStyle(e.styleVariables)},[n.createElementVNode("label",{class:"fusion-textarea label",for:e.id},n.toDisplayString(e.label),9,fe),e.helperLabel?(n.openBlock(),n.createElementBlock("div",ce,n.toDisplayString(e.helperLabel),1)):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("textarea",{id:e.id,"onUpdate:modelValue":t[0]||(t[0]=i=>e.inputValue=i),class:n.normalizeClass(["fusion-textarea input",{disabled:e.disabled}]),name:e.name,rows:e.rows,cols:e.cols,placeholder:e.placeholder,required:e.required,disabled:e.disabled,readonly:e.readonly,tabindex:e.tabIndex,autocomplete:e.autocomplete,maxlength:e.maxLength,"aria-describedby":e.ariaDescribedBy,onInput:t[1]||(t[1]=(...i)=>e.updateInput&&e.updateInput(...i)),onBlur:t[2]||(t[2]=(...i)=>e.handleBlur&&e.handleBlur(...i)),onFocus:t[3]||(t[3]=(...i)=>e.handleFocus&&e.handleFocus(...i)),onMouseover:t[4]||(t[4]=(...i)=>e.handleMouseover&&e.handleMouseover(...i)),onMouseleave:t[5]||(t[5]=(...i)=>e.handleMouseleave&&e.handleMouseleave(...i)),onKeydown:t[6]||(t[6]=n.withKeys((...i)=>e.handleKeydownEnter&&e.handleKeydownEnter(...i),["enter"]))},null,42,ue),[[n.vModelText,e.inputValue]]),n.createElementVNode("div",{class:n.normalizeClass(e.errorLabel&&!e.disabled&&e.showCharLength?"flex justify-between":"")},[e.errorLabel?(n.openBlock(),n.createElementBlock("div",pe,[n.createVNode(l,{class:"error-icon"}),n.createElementVNode("span",null,n.toDisplayString(e.errorLabel),1)])):n.createCommentVNode("",!0),!e.disabled&&e.showCharLength?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(["fusion-textarea text-count-label",!e.disabled&&e.showCharLength?"flex justify-end":""])},[n.createElementVNode("span",ge,n.toDisplayString(e.inputValue.length),1),n.createElementVNode("span",he,"/"+n.toDisplayString(e.maxLength),1)],2)):n.createCommentVNode("",!0)],2)],4)}const me=b(de,[["render",be],["__scopeId","data-v-98a7bec1"]]);function ye(e){const{disabled:t}=e;return t?{state:"disabled"}:{state:"secondary"}}function xe(e){const{disabled:t}=e;return t?{state:"disabled"}:{state:"tertiary"}}function z(e){return{variant:"md",state:"400",property:e}}function ve(e){return{variant:"md",state:"400",property:e}}function Se(){return{state:"sm"}}function we(e){const{interaction:t,disabled:a}=e;return t.checked&&!a?{state:"selected"}:a?{state:"disabled"}:{state:"default"}}function ke(e,t){const{interaction:a}=t;return e==="oub"&&a.focus?{state:"ring-primary"}:e==="fused"&&a.focus?{state:"ring-primary"}:{state:void 0}}function Ce(e,t){const{interaction:a,disabled:r}=t;return e==="oub"?r?{state:"primary-neutral"}:a.hover&&!r?{state:"primary-focus"}:a.focus?{state:"primary-focus"}:a.checked?{state:"primary-focus"}:{state:"primary-neutral"}:e==="fused"?r?{state:"primary-neutral"}:a.hover&&!r?{state:"primary-focus"}:a.focus?{state:"primary-focus"}:a.checked?{state:"primary-focus"}:{state:"primary-neutral"}:{state:"primary-neutral"}}function $e(){return{state:"md"}}function k(e,t){return f.typography[e].body[t.variant][t.state][t.property]}function Be(e,t){return{"--fusion-checkbox-text-color":v(e,ye(t)),"--fusion-checkbox-helper-text-color":v(e,xe(t)),"--fusion-checkbox-font-family":k(e,z("fontFamily")),"--fusion-checkbox-font-weight":k(e,z("fontWeight")),"--fusion-checkbox-font-size":k(e,z("fontSize")),"--fusion-checkbox-line-height":k(e,ve("lineHeight")),"--fusion-checkbox-border-radius":E(e,Se()),"--fusion-checkbox-background-color":F(e,we(t)),"--fusion-checkbox-box-shadow":`${w(e,ke(e,t))} 0px 0px 0px 3px`,"--fusion-checkbox-border":`solid 2px ${w(e,Ce(e,t))}`,"--fusion-checkbox-cursor":t.disabled?"not-allowed":"pointer","--fusion-checkbox-gap":C(e,$e())}}const Te=n.defineComponent({name:"FusionCheckbox",props:{disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:""},helperText:{type:String,required:!1,default:""},defaultValue:{type:Boolean,required:!1,default:!1},name:{type:String,required:!1,default:""},value:{type:String,required:!1,default:""},theme:{type:String,required:!1,default:"fused"}},emits:["update:modelValue"],data:function(){return{checked:this.defaultValue,styleVariables:{},focus:!1,hover:!1}},computed:{styleProps(){return{theme:this.theme,disabled:this.disabled,interaction:{focus:this.focus,hover:this.hover,checked:this.checked}}}},watch:{styleProps:{handler(){this.loadStyleVariables()},deep:!0,immediate:!0},defaultValue:{handler(e){this.checked=e},deep:!0,immediate:!0}},defaultValue:{handler(e){this.checked=e},deep:!0,immediate:!0},methods:{loadStyleVariables:function(){this.styleVariables=Be(this.theme,this.styleProps)},handleChange(e){if(e){const t=e.target.checked;this.checked=t,this.$emit("update:modelValue",t)}}}}),pt="",Ve=["checked","disabled","name","value"],ze=n.createElementVNode("span",{class:"fusion-checkbox-icon"},null,-1),Ie={class:"fusion-checkbox-labels-wrapper"},Ee={key:0,class:"fusion-checkbox-label"},Fe={key:1,class:"fusion-checkbox-helper-text"};function Le(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("label",{class:"fusion-checkbox-wrapper",style:n.normalizeStyle(e.styleVariables),onMouseover:t[3]||(t[3]=l=>e.hover=!0),onMouseleave:t[4]||(t[4]=l=>e.hover=!1)},[n.createElementVNode("input",{class:"fusion-checkbox-input",checked:e.defaultValue,disabled:e.disabled,type:"checkbox",name:e.name,value:e.value,onFocus:t[0]||(t[0]=l=>e.focus=!0),onBlur:t[1]||(t[1]=l=>e.focus=!1),onClick:t[2]||(t[2]=(...l)=>e.handleChange&&e.handleChange(...l))},null,40,Ve),ze,n.createElementVNode("span",Ie,[e.label?(n.openBlock(),n.createElementBlock("span",Ee,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.helperText?(n.openBlock(),n.createElementBlock("span",Fe,n.toDisplayString(e.helperText),1)):n.createCommentVNode("",!0)]),n.renderSlot(e.$slots,"default")],36)}const He=b(Te,[["render",Le]]);class I extends h{constructor(a){super(a);u(this,"checked");this.checked=a.checked}getBorderColor(){return this.disabled?"primary-disabled":this.hover||this.focused||this.checked?"primary-focus":"primary-neutral"}static getStrokeColourFocus(){return"ring-primary"}getBoxShadowWidth(){return this.disabled?"0 0 0 0":"0 0 0 4px"}getCheckedBackgroundColour(){return this.checked&&!this.disabled?"selected":"disabled"}static getMarginRight(){return"md"}}class _e extends h{getTextColour(){return this.disabled?"disabled":"secondary"}}class De extends h{getTextColour(){return this.disabled?"disabled":"tertiary"}}function Me(e,t){const a=new I(t),r=new _e(t),o=new De(t);return{"--fusion-radio-font-family":s(e),"--fusion-radio-border-colour":x(e,a.getBorderColor()),"--fusion-radio-ring-color":x(e,I.getStrokeColourFocus()),"--fusion-radio-ring-width":a.getBoxShadowWidth(),"--fusion-radio-checked-colour":L(e,a.getCheckedBackgroundColour()),"--fusion-radio-margin-right":d(e,I.getMarginRight()),"--fusion-radio-label-font-colour":g(e,r.getTextColour()),"--fusion-radio-label-font-weight":s(e,"fontSize","md","400"),"--fusion-radio-label-font-size":s(e,"fontSize","md","400"),"--fusion-radio-label-line-height":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-font-colour":g(e,o.getTextColour()),"--fusion-radio-helper-label-font-weight":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-font-size":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-line-height":s(e,"fontSize","md","400")}}const Ne=n.defineComponent({name:"FusionRadio",props:{id:{type:String,required:!0},name:{type:String,required:!0},label:{type:String,required:!0},value:{type:String,required:!0},theme:{type:String,default:"fused"},modelValue:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,required:!1},helperLabel:{type:String,default:""}},emits:["update:modelValue","input:focus","input:blur"],data:function(){return{inputValue:this.modelValue,styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{inputStates:function(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,theme:this.theme,checked:this.isSelected,error:!1}},isSelected:function(){return this.inputValue===this.value}},watch:{inputStates:{handler:function(e){this.loadStyleVariables(e)},deep:!0,immediate:!0},modelValue:{handler:function(e){this.inputValue=e},immediate:!0}},methods:{handleChange:function(){this.$emit("update:modelValue",this.inputValue)},loadStyleVariables:function(e){this.styleVariables=Me(this.theme,e)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),gt="",We=["id","name","required","checked","disabled"],Re={class:"flex flex-col gap-y-1"},je=["for"],qe={key:0,class:"fusion-radio helper-label"};function Pe(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["flex",e.disabled?"cursor-not-allowed":"cursor-pointer"]),style:n.normalizeStyle(e.styleVariables),onMouseover:t[4]||(t[4]=(...l)=>e.handleMouseover&&e.handleMouseover(...l)),onMouseleave:t[5]||(t[5]=(...l)=>e.handleMouseleave&&e.handleMouseleave(...l))},[n.withDirectives(n.createElementVNode("input",{id:e.id,"onUpdate:modelValue":t[0]||(t[0]=l=>e.inputValue=l),class:n.normalizeClass(["fusion-radio input",e.disabled?"cursor-not-allowed":"cursor-pointer"]),type:"radio",name:e.name,required:e.required,checked:e.isSelected,disabled:e.disabled,onFocus:t[1]||(t[1]=(...l)=>e.handleFocus&&e.handleFocus(...l)),onBlur:t[2]||(t[2]=(...l)=>e.handleBlur&&e.handleBlur(...l)),onClick:t[3]||(t[3]=(...l)=>e.handleChange&&e.handleChange(...l))},null,42,We),[[n.vModelRadio,e.inputValue]]),n.createElementVNode("div",{class:n.normalizeClass(["flex items-center max-w-max",e.disabled?"cursor-not-allowed":"cursor-pointer"])},[n.createElementVNode("div",Re,[n.createElementVNode("label",{class:n.normalizeClass(["fusion-radio label",e.disabled?"cursor-not-allowed":"cursor-pointer"]),for:e.id},n.toDisplayString(e.label),11,je),e.helperLabel?(n.openBlock(),n.createElementBlock("div",qe,n.toDisplayString(e.helperLabel),1)):n.createCommentVNode("",!0)])],2)],38)}const Ge=b(Ne,[["render",Pe],["__scopeId","data-v-6e8229be"]]);class Ke extends h{constructor(a){super(a);u(this,"size");u(this,"variantType");u(this,"showIcon");u(this,"iconPlacement");this.size=a.size,this.variantType=a.variantType,this.showIcon=a.showIcon,this.iconPlacement=a.iconPlacement}getTextColour(){return this.variantType?this.disabled?`${this.variantType}-interaction-disabled`:this.focused?`${this.variantType}-interaction-strong`:`${this.variantType}-interaction`:"plain"}getTextSize(){return this.size==="small"?"sm":"md"}getPaddingTop(){return this.disabled||!this.focused||this.showIcon?"none":"xs"}getPaddingBottom(){return this.disabled||!this.focused||this.showIcon?"none":"xs"}getPaddingLeft(){return this.disabled||!this.focused?"none":this.showIcon&&this.iconPlacement==="left"?"xs":"sm"}getPaddingRight(){return this.disabled||!this.focused?"none":this.showIcon&&this.iconPlacement==="right"?"xs":"sm"}getItemsGap(){return this.showIcon?this.focused&&!this.disabled?"none":"sm":"none"}getBorderColor(){return this.focused&&!this.disabled&&this.variantType!=="danger"?`${this.variantType}-interaction`:"primary-disabled"}getBorderRadius(){return this.focused&&!this.disabled?"md":"none"}getBorderColorFocus(){return!this.disabled&&this.variantType!=="danger"?`ring-${this.variantType}-interaction`:"ring-primary-interaction"}getBorderWidth(){return this.focused&&!this.disabled?"2px":"0"}getTextDecoration(){return!this.hover&&!this.focused||this.disabled?"underline":"none"}getBoxShadowWidth(){return this.disabled?"0 0 0 0":"0 0 0 4px"}getIconPlacement(){if(this.showIcon){if(this.iconPlacement==="left")return-1;if(this.iconPlacement==="right")return 1}return 0}getIconPaddingTop(){return this.showIcon?"sm":"none"}}function Ze(e,t){const a=new Ke(t);return{"--fusion-text-link-font-family":s(e),"--fusion-text-link-font-size":s(e,"fontSize",a.getTextSize()),"--fusion-text-link-font-weight":s(e,"fontWeight"),"--fusion-text-link-line-height":s(e,"lineHeight",a.getTextSize()),"--fusion-text-link-color":g(e,a.getTextColour()),"--fusion-text-link-decoration":a.getTextDecoration(),"--fusion-text-link-padding-top":d(e,a.getPaddingTop()),"--fusion-text-link-padding-bottom":d(e,a.getPaddingBottom()),"--fusion-text-link-padding-left":d(e,a.getPaddingLeft()),"--fusion-text-link-padding-right":d(e,a.getPaddingRight()),"--fusion-text-link-items-gap":d(e,a.getItemsGap()),"--fusion-text-link-border-colour":x(e,a.getBorderColor()),"--fusion-text-link-border-radius":$(e,a.getBorderRadius()),"--fusion-text-link-ring-color":x(e,a.getBorderColorFocus()),"--fusion-text-link-ring-width":a.getBoxShadowWidth(),"--fusion-text-link-border-width":a.getBorderWidth(),"--fusion-text-link-icon-order":a.getIconPlacement(),"--fusion-text-link-icon-padding-top":d(e,a.getIconPaddingTop())}}const Ae=n.defineComponent({name:"SVGInformationIcon"}),Xe={width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ye=[n.createElementVNode("g",{"clip-path":"url(#clip0_3298_793)"},[n.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.0703 10C20.0703 15.5228 15.5932 20 10.0703 20C4.54747 20 0.0703125 15.5228 0.0703125 10C0.0703125 4.47715 4.54747 0 10.0703 0C15.5932 0 20.0703 4.47715 20.0703 10ZM7.42325 9.11765C7.42325 8.63034 7.8183 8.23529 8.30561 8.23529H8.60371C9.92083 8.23529 10.8992 9.45498 10.6135 10.7407L10.0733 13.1715C10.0325 13.3552 10.1723 13.5294 10.3604 13.5294H10.6585C11.1459 13.5294 11.5409 13.9245 11.5409 14.4118C11.5409 14.8991 11.1459 15.2941 10.6585 15.2941H10.3604C9.04332 15.2941 8.06493 14.0744 8.35065 12.7887L8.89082 10.3579C8.93164 10.1742 8.79187 10 8.60371 10H8.30561C7.8183 10 7.42325 9.60496 7.42325 9.11765ZM9.48208 5.88235C10.1318 5.88235 10.6585 5.35563 10.6585 4.70588C10.6585 4.05614 10.1318 3.52941 9.48208 3.52941C8.83233 3.52941 8.30561 4.05614 8.30561 4.70588C8.30561 5.35563 8.83233 5.88235 9.48208 5.88235Z",fill:"currentColor"})],-1),n.createElementVNode("defs",null,[n.createElementVNode("clipPath",{id:"clip0_3298_793"},[n.createElementVNode("rect",{width:"20",height:"20",fill:"white",transform:"translate(0.0703125)"})])],-1)];function Ue(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("svg",Xe,Ye)}const Oe=b(Ae,[["render",Ue]]),Je=n.defineComponent({name:"FusionTextLink",components:{SVGInformationIcon:Oe},props:{theme:{type:String,default:"fused"},id:{type:String,required:!0},label:{type:String,required:!0},href:{type:String,required:!0},variantType:{type:String,required:!1,default:"primary"},size:{type:String,required:!1,default:"regular"},tabIndex:{type:String,default:""},disabled:{type:Boolean,default:!1},showIcon:{type:Boolean,default:!1},iconPlacement:{type:String,required:!1,default:"right"}},emits:["input:focus","input:blur"],data:function(){return{styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{styleStates(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,theme:this.theme,variantType:this.variantType,size:this.size,showIcon:this.showIcon,iconPlacement:this.iconPlacement}}},watch:{styleStates:{handler(e){this.loadStyleVariables(e)},deep:!0,immediate:!0}},methods:{loadStyleVariables:function(e){this.styleVariables=Ze(this.theme,e)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),mt="",Qe=["id","href"],et={key:0,class:"fusion-text-link icon"};function tt(e,t,a,r,o,y){const l=n.resolveComponent("SVGInformationIcon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(e.disabled?"cursor-not-allowed":"cursor-pointer")},[n.createElementVNode("a",{id:e.id,href:e.href,class:n.normalizeClass(["inline-flex items-center fusion-text-link",{disabled:e.disabled}]),style:n.normalizeStyle(e.styleVariables),onBlur:t[0]||(t[0]=(...i)=>e.handleBlur&&e.handleBlur(...i)),onFocus:t[1]||(t[1]=(...i)=>e.handleFocus&&e.handleFocus(...i)),onMouseover:t[2]||(t[2]=(...i)=>e.handleMouseover&&e.handleMouseover(...i)),onMouseleave:t[3]||(t[3]=(...i)=>e.handleMouseleave&&e.handleMouseleave(...i))},[n.createTextVNode(n.toDisplayString(e.label)+" ",1),e.showIcon?(n.openBlock(),n.createElementBlock("div",et,[n.createVNode(l)])):n.createCommentVNode("",!0)],46,Qe)],2)}return{FusionButton:te,FusionTextarea:me,FusionCheckbox:He,FusionRadio:Ge,FusionTextLink:b(Je,[["render",tt],["__scopeId","data-v-4c6bd4bb"]])}});
|
package/dist/main.d.ts
ADDED
|
@@ -0,0 +1,660 @@
|
|
|
1
|
+
import { AllowedComponentProps } from 'vue';
|
|
2
|
+
import { ComponentCustomProps } from 'vue';
|
|
3
|
+
import { ComponentOptionsMixin } from 'vue';
|
|
4
|
+
import { DefineComponent } from 'vue';
|
|
5
|
+
import { ExtractPropTypes } from 'vue';
|
|
6
|
+
import { FusionButtonSize } from '../types/components/FusionButton';
|
|
7
|
+
import { FusionButtonVariantStyle } from '../types/components/FusionButton';
|
|
8
|
+
import { FusionButtonVariantType } from '../types/components/FusionButton';
|
|
9
|
+
import { FusionRadioStates } from './components/form/radio/FusionRadio';
|
|
10
|
+
import { FusionTextareaStates } from './components/form/textarea/FusionTextarea';
|
|
11
|
+
import { FusionTextLinkIconPlacement } from './components/link/text/FusionTextLink';
|
|
12
|
+
import { FusionTextLinkStates } from './components/link/text/FusionTextLink';
|
|
13
|
+
import { PropType } from 'vue';
|
|
14
|
+
import { Sizes } from '../types/Global';
|
|
15
|
+
import { Themes } from '../types/Themes';
|
|
16
|
+
import { VariantTypes } from '../types/Global';
|
|
17
|
+
import { VNodeProps } from 'vue';
|
|
18
|
+
|
|
19
|
+
declare const _default: {
|
|
20
|
+
FusionButton: DefineComponent<{
|
|
21
|
+
theme: {
|
|
22
|
+
type: PropType<keyof Themes>;
|
|
23
|
+
required: false;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
label: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
variantType: {
|
|
31
|
+
type: PropType<keyof FusionButtonVariantType>;
|
|
32
|
+
required: false;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
variantStyle: {
|
|
36
|
+
type: PropType<keyof FusionButtonVariantStyle>;
|
|
37
|
+
required: false;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
size: {
|
|
41
|
+
type: PropType<keyof FusionButtonSize>;
|
|
42
|
+
required: false;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
type: {
|
|
46
|
+
type: PropType<"button" | "submit" | "reset" | undefined>;
|
|
47
|
+
required: false;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
50
|
+
loading: {
|
|
51
|
+
type: BooleanConstructor;
|
|
52
|
+
required: false;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
55
|
+
disabled: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
required: true;
|
|
58
|
+
};
|
|
59
|
+
}, unknown, {
|
|
60
|
+
styleVariables: {
|
|
61
|
+
"--fusion-spinner-color": string;
|
|
62
|
+
};
|
|
63
|
+
focus: boolean;
|
|
64
|
+
hover: boolean;
|
|
65
|
+
}, {
|
|
66
|
+
spinnerColour(): string;
|
|
67
|
+
isDisabled(): boolean;
|
|
68
|
+
isLoading(): boolean;
|
|
69
|
+
styleProps(): {
|
|
70
|
+
variantType: keyof FusionButtonVariantType;
|
|
71
|
+
variantStyle: keyof FusionButtonVariantStyle;
|
|
72
|
+
size: keyof FusionButtonSize;
|
|
73
|
+
theme: keyof Themes;
|
|
74
|
+
disabled: boolean;
|
|
75
|
+
interaction: {
|
|
76
|
+
focus: boolean;
|
|
77
|
+
hover: boolean;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
}, {
|
|
81
|
+
loadStyleVariables: () => void;
|
|
82
|
+
onClick(): void;
|
|
83
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
84
|
+
click: null;
|
|
85
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
86
|
+
theme: {
|
|
87
|
+
type: PropType<keyof Themes>;
|
|
88
|
+
required: false;
|
|
89
|
+
default: string;
|
|
90
|
+
};
|
|
91
|
+
label: {
|
|
92
|
+
type: StringConstructor;
|
|
93
|
+
required: true;
|
|
94
|
+
};
|
|
95
|
+
variantType: {
|
|
96
|
+
type: PropType<keyof FusionButtonVariantType>;
|
|
97
|
+
required: false;
|
|
98
|
+
default: string;
|
|
99
|
+
};
|
|
100
|
+
variantStyle: {
|
|
101
|
+
type: PropType<keyof FusionButtonVariantStyle>;
|
|
102
|
+
required: false;
|
|
103
|
+
default: string;
|
|
104
|
+
};
|
|
105
|
+
size: {
|
|
106
|
+
type: PropType<keyof FusionButtonSize>;
|
|
107
|
+
required: false;
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
110
|
+
type: {
|
|
111
|
+
type: PropType<"button" | "submit" | "reset" | undefined>;
|
|
112
|
+
required: false;
|
|
113
|
+
default: string;
|
|
114
|
+
};
|
|
115
|
+
loading: {
|
|
116
|
+
type: BooleanConstructor;
|
|
117
|
+
required: false;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
120
|
+
disabled: {
|
|
121
|
+
type: BooleanConstructor;
|
|
122
|
+
required: true;
|
|
123
|
+
};
|
|
124
|
+
}>> & {
|
|
125
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
126
|
+
}, {
|
|
127
|
+
theme: keyof Themes;
|
|
128
|
+
variantType: keyof FusionButtonVariantType;
|
|
129
|
+
type: "button" | "submit" | "reset" | undefined;
|
|
130
|
+
variantStyle: keyof FusionButtonVariantStyle;
|
|
131
|
+
size: keyof FusionButtonSize;
|
|
132
|
+
loading: boolean;
|
|
133
|
+
}, {}>;
|
|
134
|
+
FusionTextarea: DefineComponent<{
|
|
135
|
+
id: {
|
|
136
|
+
type: StringConstructor;
|
|
137
|
+
required: true;
|
|
138
|
+
};
|
|
139
|
+
name: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
required: true;
|
|
142
|
+
};
|
|
143
|
+
label: {
|
|
144
|
+
type: StringConstructor;
|
|
145
|
+
required: true;
|
|
146
|
+
};
|
|
147
|
+
ariaDescribedBy: {
|
|
148
|
+
type: StringConstructor;
|
|
149
|
+
required: true;
|
|
150
|
+
};
|
|
151
|
+
theme: {
|
|
152
|
+
type: PropType<keyof Themes>;
|
|
153
|
+
default: string;
|
|
154
|
+
};
|
|
155
|
+
rows: {
|
|
156
|
+
type: StringConstructor;
|
|
157
|
+
default: string;
|
|
158
|
+
};
|
|
159
|
+
cols: {
|
|
160
|
+
type: StringConstructor;
|
|
161
|
+
default: string;
|
|
162
|
+
};
|
|
163
|
+
placeholder: {
|
|
164
|
+
type: StringConstructor;
|
|
165
|
+
default: string;
|
|
166
|
+
};
|
|
167
|
+
helperLabel: {
|
|
168
|
+
type: StringConstructor;
|
|
169
|
+
default: string;
|
|
170
|
+
};
|
|
171
|
+
errorLabel: {
|
|
172
|
+
type: StringConstructor;
|
|
173
|
+
default: string;
|
|
174
|
+
};
|
|
175
|
+
modelValue: {
|
|
176
|
+
type: StringConstructor;
|
|
177
|
+
default: string;
|
|
178
|
+
};
|
|
179
|
+
required: {
|
|
180
|
+
type: BooleanConstructor;
|
|
181
|
+
default: boolean;
|
|
182
|
+
};
|
|
183
|
+
disabled: {
|
|
184
|
+
type: BooleanConstructor;
|
|
185
|
+
default: boolean;
|
|
186
|
+
};
|
|
187
|
+
readonly: {
|
|
188
|
+
type: BooleanConstructor;
|
|
189
|
+
default: boolean;
|
|
190
|
+
};
|
|
191
|
+
showCharLength: {
|
|
192
|
+
type: BooleanConstructor;
|
|
193
|
+
default: boolean;
|
|
194
|
+
};
|
|
195
|
+
maxLength: {
|
|
196
|
+
type: NumberConstructor;
|
|
197
|
+
default: number;
|
|
198
|
+
};
|
|
199
|
+
tabIndex: {
|
|
200
|
+
type: NumberConstructor;
|
|
201
|
+
default: number;
|
|
202
|
+
};
|
|
203
|
+
autocomplete: {
|
|
204
|
+
type: StringConstructor;
|
|
205
|
+
default: string;
|
|
206
|
+
};
|
|
207
|
+
}, unknown, {
|
|
208
|
+
inputValue: string;
|
|
209
|
+
styleVariables: {};
|
|
210
|
+
interactionStates: {
|
|
211
|
+
focused: boolean;
|
|
212
|
+
hover: boolean;
|
|
213
|
+
};
|
|
214
|
+
}, {
|
|
215
|
+
inputStates(): {
|
|
216
|
+
focused: boolean;
|
|
217
|
+
hover: boolean;
|
|
218
|
+
disabled: boolean;
|
|
219
|
+
error: boolean;
|
|
220
|
+
theme: keyof Themes;
|
|
221
|
+
};
|
|
222
|
+
}, {
|
|
223
|
+
loadStyleVariables(newStates: FusionTextareaStates): void;
|
|
224
|
+
updateInput: () => void;
|
|
225
|
+
handleFocus: () => void;
|
|
226
|
+
handleBlur: () => void;
|
|
227
|
+
handleKeydownEnter: () => void;
|
|
228
|
+
handleMouseover: () => void;
|
|
229
|
+
handleMouseleave: () => void;
|
|
230
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "input:blur" | "input:focus" | "keydown:enter")[], "update:modelValue" | "input:blur" | "input:focus" | "keydown:enter", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
231
|
+
id: {
|
|
232
|
+
type: StringConstructor;
|
|
233
|
+
required: true;
|
|
234
|
+
};
|
|
235
|
+
name: {
|
|
236
|
+
type: StringConstructor;
|
|
237
|
+
required: true;
|
|
238
|
+
};
|
|
239
|
+
label: {
|
|
240
|
+
type: StringConstructor;
|
|
241
|
+
required: true;
|
|
242
|
+
};
|
|
243
|
+
ariaDescribedBy: {
|
|
244
|
+
type: StringConstructor;
|
|
245
|
+
required: true;
|
|
246
|
+
};
|
|
247
|
+
theme: {
|
|
248
|
+
type: PropType<keyof Themes>;
|
|
249
|
+
default: string;
|
|
250
|
+
};
|
|
251
|
+
rows: {
|
|
252
|
+
type: StringConstructor;
|
|
253
|
+
default: string;
|
|
254
|
+
};
|
|
255
|
+
cols: {
|
|
256
|
+
type: StringConstructor;
|
|
257
|
+
default: string;
|
|
258
|
+
};
|
|
259
|
+
placeholder: {
|
|
260
|
+
type: StringConstructor;
|
|
261
|
+
default: string;
|
|
262
|
+
};
|
|
263
|
+
helperLabel: {
|
|
264
|
+
type: StringConstructor;
|
|
265
|
+
default: string;
|
|
266
|
+
};
|
|
267
|
+
errorLabel: {
|
|
268
|
+
type: StringConstructor;
|
|
269
|
+
default: string;
|
|
270
|
+
};
|
|
271
|
+
modelValue: {
|
|
272
|
+
type: StringConstructor;
|
|
273
|
+
default: string;
|
|
274
|
+
};
|
|
275
|
+
required: {
|
|
276
|
+
type: BooleanConstructor;
|
|
277
|
+
default: boolean;
|
|
278
|
+
};
|
|
279
|
+
disabled: {
|
|
280
|
+
type: BooleanConstructor;
|
|
281
|
+
default: boolean;
|
|
282
|
+
};
|
|
283
|
+
readonly: {
|
|
284
|
+
type: BooleanConstructor;
|
|
285
|
+
default: boolean;
|
|
286
|
+
};
|
|
287
|
+
showCharLength: {
|
|
288
|
+
type: BooleanConstructor;
|
|
289
|
+
default: boolean;
|
|
290
|
+
};
|
|
291
|
+
maxLength: {
|
|
292
|
+
type: NumberConstructor;
|
|
293
|
+
default: number;
|
|
294
|
+
};
|
|
295
|
+
tabIndex: {
|
|
296
|
+
type: NumberConstructor;
|
|
297
|
+
default: number;
|
|
298
|
+
};
|
|
299
|
+
autocomplete: {
|
|
300
|
+
type: StringConstructor;
|
|
301
|
+
default: string;
|
|
302
|
+
};
|
|
303
|
+
}>> & {
|
|
304
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
305
|
+
"onInput:blur"?: ((...args: any[]) => any) | undefined;
|
|
306
|
+
"onInput:focus"?: ((...args: any[]) => any) | undefined;
|
|
307
|
+
"onKeydown:enter"?: ((...args: any[]) => any) | undefined;
|
|
308
|
+
}, {
|
|
309
|
+
disabled: boolean;
|
|
310
|
+
theme: keyof Themes;
|
|
311
|
+
required: boolean;
|
|
312
|
+
modelValue: string;
|
|
313
|
+
placeholder: string;
|
|
314
|
+
helperLabel: string;
|
|
315
|
+
errorLabel: string;
|
|
316
|
+
tabIndex: number;
|
|
317
|
+
autocomplete: string;
|
|
318
|
+
readonly: boolean;
|
|
319
|
+
rows: string;
|
|
320
|
+
cols: string;
|
|
321
|
+
showCharLength: boolean;
|
|
322
|
+
maxLength: number;
|
|
323
|
+
}, {}>;
|
|
324
|
+
FusionCheckbox: DefineComponent<{
|
|
325
|
+
disabled: {
|
|
326
|
+
type: BooleanConstructor;
|
|
327
|
+
required: false;
|
|
328
|
+
default: boolean;
|
|
329
|
+
};
|
|
330
|
+
label: {
|
|
331
|
+
type: StringConstructor;
|
|
332
|
+
required: false;
|
|
333
|
+
default: string;
|
|
334
|
+
};
|
|
335
|
+
helperText: {
|
|
336
|
+
type: StringConstructor;
|
|
337
|
+
required: false;
|
|
338
|
+
default: string;
|
|
339
|
+
};
|
|
340
|
+
defaultValue: {
|
|
341
|
+
type: BooleanConstructor;
|
|
342
|
+
required: false;
|
|
343
|
+
default: boolean;
|
|
344
|
+
};
|
|
345
|
+
name: {
|
|
346
|
+
type: StringConstructor;
|
|
347
|
+
required: false;
|
|
348
|
+
default: string;
|
|
349
|
+
};
|
|
350
|
+
value: {
|
|
351
|
+
type: StringConstructor;
|
|
352
|
+
required: false;
|
|
353
|
+
default: string;
|
|
354
|
+
};
|
|
355
|
+
theme: {
|
|
356
|
+
type: PropType<keyof Themes>;
|
|
357
|
+
required: false;
|
|
358
|
+
default: string;
|
|
359
|
+
};
|
|
360
|
+
}, unknown, {
|
|
361
|
+
checked: boolean;
|
|
362
|
+
styleVariables: {};
|
|
363
|
+
focus: boolean;
|
|
364
|
+
hover: boolean;
|
|
365
|
+
}, {
|
|
366
|
+
styleProps(): {
|
|
367
|
+
theme: keyof Themes;
|
|
368
|
+
disabled: boolean;
|
|
369
|
+
interaction: {
|
|
370
|
+
focus: boolean;
|
|
371
|
+
hover: boolean;
|
|
372
|
+
checked: boolean;
|
|
373
|
+
};
|
|
374
|
+
};
|
|
375
|
+
}, {
|
|
376
|
+
loadStyleVariables: () => void;
|
|
377
|
+
handleChange(e: Event): void;
|
|
378
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
379
|
+
disabled: {
|
|
380
|
+
type: BooleanConstructor;
|
|
381
|
+
required: false;
|
|
382
|
+
default: boolean;
|
|
383
|
+
};
|
|
384
|
+
label: {
|
|
385
|
+
type: StringConstructor;
|
|
386
|
+
required: false;
|
|
387
|
+
default: string;
|
|
388
|
+
};
|
|
389
|
+
helperText: {
|
|
390
|
+
type: StringConstructor;
|
|
391
|
+
required: false;
|
|
392
|
+
default: string;
|
|
393
|
+
};
|
|
394
|
+
defaultValue: {
|
|
395
|
+
type: BooleanConstructor;
|
|
396
|
+
required: false;
|
|
397
|
+
default: boolean;
|
|
398
|
+
};
|
|
399
|
+
name: {
|
|
400
|
+
type: StringConstructor;
|
|
401
|
+
required: false;
|
|
402
|
+
default: string;
|
|
403
|
+
};
|
|
404
|
+
value: {
|
|
405
|
+
type: StringConstructor;
|
|
406
|
+
required: false;
|
|
407
|
+
default: string;
|
|
408
|
+
};
|
|
409
|
+
theme: {
|
|
410
|
+
type: PropType<keyof Themes>;
|
|
411
|
+
required: false;
|
|
412
|
+
default: string;
|
|
413
|
+
};
|
|
414
|
+
}>> & {
|
|
415
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
416
|
+
}, {
|
|
417
|
+
disabled: boolean;
|
|
418
|
+
name: string;
|
|
419
|
+
label: string;
|
|
420
|
+
theme: keyof Themes;
|
|
421
|
+
value: string;
|
|
422
|
+
defaultValue: boolean;
|
|
423
|
+
helperText: string;
|
|
424
|
+
}, {}>;
|
|
425
|
+
FusionRadio: DefineComponent<{
|
|
426
|
+
id: {
|
|
427
|
+
type: StringConstructor;
|
|
428
|
+
required: true;
|
|
429
|
+
};
|
|
430
|
+
name: {
|
|
431
|
+
type: StringConstructor;
|
|
432
|
+
required: true;
|
|
433
|
+
};
|
|
434
|
+
label: {
|
|
435
|
+
type: StringConstructor;
|
|
436
|
+
required: true;
|
|
437
|
+
};
|
|
438
|
+
value: {
|
|
439
|
+
type: StringConstructor;
|
|
440
|
+
required: true;
|
|
441
|
+
};
|
|
442
|
+
theme: {
|
|
443
|
+
type: PropType<keyof Themes>;
|
|
444
|
+
default: string;
|
|
445
|
+
};
|
|
446
|
+
modelValue: {
|
|
447
|
+
type: StringConstructor;
|
|
448
|
+
default: string;
|
|
449
|
+
};
|
|
450
|
+
required: {
|
|
451
|
+
type: BooleanConstructor;
|
|
452
|
+
default: boolean;
|
|
453
|
+
};
|
|
454
|
+
disabled: {
|
|
455
|
+
type: BooleanConstructor;
|
|
456
|
+
required: false;
|
|
457
|
+
};
|
|
458
|
+
helperLabel: {
|
|
459
|
+
type: StringConstructor;
|
|
460
|
+
default: string;
|
|
461
|
+
};
|
|
462
|
+
}, unknown, {
|
|
463
|
+
inputValue: string;
|
|
464
|
+
styleVariables: {};
|
|
465
|
+
interactionStates: {
|
|
466
|
+
focused: boolean;
|
|
467
|
+
hover: boolean;
|
|
468
|
+
};
|
|
469
|
+
}, {
|
|
470
|
+
inputStates: () => {
|
|
471
|
+
focused: boolean;
|
|
472
|
+
hover: boolean;
|
|
473
|
+
disabled: boolean;
|
|
474
|
+
theme: keyof Themes;
|
|
475
|
+
checked: boolean;
|
|
476
|
+
error: boolean;
|
|
477
|
+
};
|
|
478
|
+
isSelected: () => boolean;
|
|
479
|
+
}, {
|
|
480
|
+
handleChange: () => void;
|
|
481
|
+
loadStyleVariables: (newStates: FusionRadioStates) => void;
|
|
482
|
+
handleFocus: () => void;
|
|
483
|
+
handleBlur: () => void;
|
|
484
|
+
handleMouseover: () => void;
|
|
485
|
+
handleMouseleave: () => void;
|
|
486
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "input:blur" | "input:focus")[], "update:modelValue" | "input:blur" | "input:focus", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
487
|
+
id: {
|
|
488
|
+
type: StringConstructor;
|
|
489
|
+
required: true;
|
|
490
|
+
};
|
|
491
|
+
name: {
|
|
492
|
+
type: StringConstructor;
|
|
493
|
+
required: true;
|
|
494
|
+
};
|
|
495
|
+
label: {
|
|
496
|
+
type: StringConstructor;
|
|
497
|
+
required: true;
|
|
498
|
+
};
|
|
499
|
+
value: {
|
|
500
|
+
type: StringConstructor;
|
|
501
|
+
required: true;
|
|
502
|
+
};
|
|
503
|
+
theme: {
|
|
504
|
+
type: PropType<keyof Themes>;
|
|
505
|
+
default: string;
|
|
506
|
+
};
|
|
507
|
+
modelValue: {
|
|
508
|
+
type: StringConstructor;
|
|
509
|
+
default: string;
|
|
510
|
+
};
|
|
511
|
+
required: {
|
|
512
|
+
type: BooleanConstructor;
|
|
513
|
+
default: boolean;
|
|
514
|
+
};
|
|
515
|
+
disabled: {
|
|
516
|
+
type: BooleanConstructor;
|
|
517
|
+
required: false;
|
|
518
|
+
};
|
|
519
|
+
helperLabel: {
|
|
520
|
+
type: StringConstructor;
|
|
521
|
+
default: string;
|
|
522
|
+
};
|
|
523
|
+
}>> & {
|
|
524
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
525
|
+
"onInput:blur"?: ((...args: any[]) => any) | undefined;
|
|
526
|
+
"onInput:focus"?: ((...args: any[]) => any) | undefined;
|
|
527
|
+
}, {
|
|
528
|
+
disabled: boolean;
|
|
529
|
+
theme: keyof Themes;
|
|
530
|
+
required: boolean;
|
|
531
|
+
modelValue: string;
|
|
532
|
+
helperLabel: string;
|
|
533
|
+
}, {}>;
|
|
534
|
+
FusionTextLink: DefineComponent<{
|
|
535
|
+
theme: {
|
|
536
|
+
type: PropType<keyof Themes>;
|
|
537
|
+
default: string;
|
|
538
|
+
};
|
|
539
|
+
id: {
|
|
540
|
+
type: StringConstructor;
|
|
541
|
+
required: true;
|
|
542
|
+
};
|
|
543
|
+
label: {
|
|
544
|
+
type: StringConstructor;
|
|
545
|
+
required: true;
|
|
546
|
+
};
|
|
547
|
+
href: {
|
|
548
|
+
type: StringConstructor;
|
|
549
|
+
required: true;
|
|
550
|
+
};
|
|
551
|
+
variantType: {
|
|
552
|
+
type: PropType<keyof VariantTypes>;
|
|
553
|
+
required: false;
|
|
554
|
+
default: string;
|
|
555
|
+
};
|
|
556
|
+
size: {
|
|
557
|
+
type: PropType<keyof Sizes>;
|
|
558
|
+
required: false;
|
|
559
|
+
default: string;
|
|
560
|
+
};
|
|
561
|
+
tabIndex: {
|
|
562
|
+
type: StringConstructor;
|
|
563
|
+
default: string;
|
|
564
|
+
};
|
|
565
|
+
disabled: {
|
|
566
|
+
type: BooleanConstructor;
|
|
567
|
+
default: boolean;
|
|
568
|
+
};
|
|
569
|
+
showIcon: {
|
|
570
|
+
type: BooleanConstructor;
|
|
571
|
+
default: boolean;
|
|
572
|
+
};
|
|
573
|
+
iconPlacement: {
|
|
574
|
+
type: PropType<keyof FusionTextLinkIconPlacement>;
|
|
575
|
+
required: false;
|
|
576
|
+
default: string;
|
|
577
|
+
};
|
|
578
|
+
}, unknown, {
|
|
579
|
+
styleVariables: {};
|
|
580
|
+
interactionStates: {
|
|
581
|
+
focused: boolean;
|
|
582
|
+
hover: boolean;
|
|
583
|
+
};
|
|
584
|
+
}, {
|
|
585
|
+
styleStates(): {
|
|
586
|
+
focused: boolean;
|
|
587
|
+
hover: boolean;
|
|
588
|
+
disabled: boolean;
|
|
589
|
+
theme: keyof Themes;
|
|
590
|
+
variantType: keyof VariantTypes;
|
|
591
|
+
size: keyof Sizes;
|
|
592
|
+
showIcon: boolean;
|
|
593
|
+
iconPlacement: keyof FusionTextLinkIconPlacement;
|
|
594
|
+
};
|
|
595
|
+
}, {
|
|
596
|
+
loadStyleVariables: (newStates: FusionTextLinkStates) => void;
|
|
597
|
+
handleFocus: () => void;
|
|
598
|
+
handleBlur: () => void;
|
|
599
|
+
handleMouseover: () => void;
|
|
600
|
+
handleMouseleave: () => void;
|
|
601
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, ("input:blur" | "input:focus")[], "input:blur" | "input:focus", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
602
|
+
theme: {
|
|
603
|
+
type: PropType<keyof Themes>;
|
|
604
|
+
default: string;
|
|
605
|
+
};
|
|
606
|
+
id: {
|
|
607
|
+
type: StringConstructor;
|
|
608
|
+
required: true;
|
|
609
|
+
};
|
|
610
|
+
label: {
|
|
611
|
+
type: StringConstructor;
|
|
612
|
+
required: true;
|
|
613
|
+
};
|
|
614
|
+
href: {
|
|
615
|
+
type: StringConstructor;
|
|
616
|
+
required: true;
|
|
617
|
+
};
|
|
618
|
+
variantType: {
|
|
619
|
+
type: PropType<keyof VariantTypes>;
|
|
620
|
+
required: false;
|
|
621
|
+
default: string;
|
|
622
|
+
};
|
|
623
|
+
size: {
|
|
624
|
+
type: PropType<keyof Sizes>;
|
|
625
|
+
required: false;
|
|
626
|
+
default: string;
|
|
627
|
+
};
|
|
628
|
+
tabIndex: {
|
|
629
|
+
type: StringConstructor;
|
|
630
|
+
default: string;
|
|
631
|
+
};
|
|
632
|
+
disabled: {
|
|
633
|
+
type: BooleanConstructor;
|
|
634
|
+
default: boolean;
|
|
635
|
+
};
|
|
636
|
+
showIcon: {
|
|
637
|
+
type: BooleanConstructor;
|
|
638
|
+
default: boolean;
|
|
639
|
+
};
|
|
640
|
+
iconPlacement: {
|
|
641
|
+
type: PropType<keyof FusionTextLinkIconPlacement>;
|
|
642
|
+
required: false;
|
|
643
|
+
default: string;
|
|
644
|
+
};
|
|
645
|
+
}>> & {
|
|
646
|
+
"onInput:blur"?: ((...args: any[]) => any) | undefined;
|
|
647
|
+
"onInput:focus"?: ((...args: any[]) => any) | undefined;
|
|
648
|
+
}, {
|
|
649
|
+
disabled: boolean;
|
|
650
|
+
theme: keyof Themes;
|
|
651
|
+
variantType: keyof VariantTypes;
|
|
652
|
+
size: keyof Sizes;
|
|
653
|
+
tabIndex: string;
|
|
654
|
+
showIcon: boolean;
|
|
655
|
+
iconPlacement: keyof FusionTextLinkIconPlacement;
|
|
656
|
+
}, {}>;
|
|
657
|
+
};
|
|
658
|
+
export default _default;
|
|
659
|
+
|
|
660
|
+
export { }
|
package/package.json
CHANGED