@dev-blinq/ui-systems 1.0.84 → 1.0.86

package/dist/main.d.ts

@@ -1 +0,0 @@
-export declare const defaultTheme: import('@mui/material').Theme;

package/dist/style.css

@@ -1 +1 @@
-.button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-family, "Plus Jakarta Sans", sans-serif)}.button[data-size=sm]{padding:8px 12px;gap:8px;border-radius:12px}.button[data-size=md]{padding:10px 14px;gap:8px;border-radius:12px}.button[data-size=lg]{padding:12px 16px;gap:10px;border-radius:12px}.button[data-size=xl]{padding:16px 24px;gap:12px;border-radius:16px}.buttonText[data-size=sm]{width:24px;height:24px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=md]{width:40px;height:40px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=lg]{width:48px;height:48px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=xl]{width:56px;height:56px;padding:16px;gap:10px;flex-shrink:0}.button[data-colorHierarchy="brand/primary"]{background-color:var(--primary-main)}.button .input-typography{font-weight:700}.button[data-colorHierarchy="brand/primary"] .input-typography,.button[data-colorHierarchy="brand/primary"] span svg path{color:#fff;stroke:#fff}.button[data-colorHierarchy="gray/secondary"]{background-color:#f1f1f1}.button[data-colorHierarchy="gray/secondary"] .input-typography,.button[data-colorHierarchy="gray/secondary"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="white/secondary"]{background-color:#fff;box-shadow:0 1px 2px #1717170d;border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6)}.button[data-colorHierarchy="white/secondary"] .input-typography,.button[data-colorHierarchy="white/secondary"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="gray/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="gray/linkContainer"] .input-typography,.button[data-colorHierarchy="gray/linkContainer"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="gray/link"]{background-color:#fff;padding:0 8px}.button[data-colorHierarchy="gray/link"] .input-typography,.button[data-colorHierarchy="gray/link"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="brand/link"]{background-color:#fff;padding:0 8px}.button[data-colorHierarchy="brand/link"] .input-typography,.button[data-colorHierarchy="brand/link"] span svg path{color:var(--primary-main);stroke:var(--primary-main)}.button[data-colorHierarchy="destructive/primary"]{background:var(--surface-error, #ea4621)}.button[data-colorHierarchy="destructive/primary"] .input-typography,.button[data-colorHierarchy="destructive/primary"] span svg path{color:#fff;stroke:#fff}.button[data-colorHierarchy="destructive/secondary"]{background:var(--surface-error-secondary, #fdece9)}.button[data-colorHierarchy="destructive/secondary"] .input-typography,.button[data-colorHierarchy="destructive/secondary"] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy="destructive/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="destructive/linkContainer"] .input-typography,.button[data-colorHierarchy="destructive/linkContainer"] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy=""]{background-color:#fff;padding:0}.button[data-colorHierarchy=""] .input-typography,.button[data-colorHierarchy=""] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy="brand/primary"]:hover{background:var(--surface-primary-hover, #08379e)}.button[data-colorHierarchy="gray/secondary"]:hover{background:var(--surface-secondary-hover, #ececed)}.button[data-colorHierarchy="white/secondary"]:hover{background:var(--surface-white---hover, #f9f9f9)}.button[data-colorHierarchy="gray/linkContainer"]:hover{background:var(--surface-secondary, #f1f1f1)}.button[data-colorHierarchy="gray/link"]:hover,.button[data-colorHierarchy="brand/link"]:hover{background-color:#fff}.button[data-colorHierarchy="destructive/primary"]:hover{background:var(--surface-error-hover, #d33f1e)}.button[data-colorHierarchy="destructive/secondary"]:hover{background:var(--surface-error-secondary-hover, #fbdad3)}.button[data-colorHierarchy="destructive/linkContainer"]:hover{background:var(--colors-red-5, #fef6f4)}.button[data-colorHierarchy=""]:hover{background-color:#fff}.button[data-colorHierarchy="brand/primary"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="gray/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="white/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/linkContainer"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/link"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="brand/link"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="destructive/primary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/secondary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/linkContainer"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy=""]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="brand/primary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button:disabled .input-typography{color:var(--text-disabled, #939197)}.button:disabled span svg path{stroke:var(--text-disabled, #939197)}.button[data-colorHierarchy="gray/secondary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button[data-colorHierarchy="white/secondary"]:disabled{background:var(--surface-white---disabled, #fdfdfd)}.button[data-colorHierarchy="brand/link"]:disabled .input-typography,.button[data-colorHierarchy="brand/link"]:disabled span svg path{color:var(--text-action-disabled, #849ed7);stroke:var(--text-action-disabled, #849ed7)}.button[data-colorHierarchy="destructive/primary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/primary"]:disabled .input-typography,.button[data-colorHierarchy="destructive/primary"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/secondary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography,.button[data-colorHierarchy="destructive/secondary"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography,.button[data-colorHierarchy="destructive/linkContainer"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/link"]:disabled .input-typography,.button[data-colorHierarchy="destructive/link"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.TypographyCustom{color:#000}.TypographyCustom[data-bold=extrabold]{font-weight:800}.TypographyCustom[data-bold=bold]{font-weight:700}.TypographyCustom[data-bold=semibold]{font-weight:600}.TypographyCustom[data-bold=medium]{font-weight:500}.TypographyCustom[data-category=display][data-size=lg]{font-size:180px;font-style:normal;line-height:188px;letter-spacing:-9px}.TypographyCustom[data-category=display][data-size=md]{font-size:128px;font-style:normal;line-height:136px;letter-spacing:-5.12px}.TypographyCustom[data-category=display][data-size=sm]{font-size:96px;font-style:normal;line-height:104px;letter-spacing:-2.88px}.TypographyCustom[data-category=heading][data-size=xxl]{font-size:72px;font-style:normal;line-height:80px;letter-spacing:-1.44px}.TypographyCustom[data-category=heading][data-size=xl]{font-size:60px;font-style:normal;line-height:68px;letter-spacing:-1.08px}.TypographyCustom[data-category=heading][data-size=lg]{font-size:48px;font-style:normal;line-height:56px;letter-spacing:-.768px}.TypographyCustom[data-category=heading][data-size=md]{font-size:36px;font-style:normal;line-height:44px;letter-spacing:-.504px}.TypographyCustom[data-category=heading][data-size=sm]{font-size:30px;font-style:normal;line-height:38px;letter-spacing:-.39px}.TypographyCustom[data-category=heading][data-size=xs],.TypographyCustom[data-category=text][data-size=xxl]{font-size:24px;font-style:normal;line-height:32px;letter-spacing:-.288px}.TypographyCustom[data-category=text][data-size=xl]{font-size:20px;font-style:normal;line-height:28px;letter-spacing:-.2px}.TypographyCustom[data-category=text][data-size=lg]{font-size:18px;font-style:normal;line-height:24px;letter-spacing:-.144px}.TypographyCustom[data-category=text][data-size=md]{font-size:16px;font-style:normal;line-height:22px;letter-spacing:-.112px}.TypographyCustom[data-category=text][data-size=sm]{font-size:14px;font-style:normal;line-height:20px;letter-spacing:-.084px}.TypographyCustom[data-category=text][data-size=xs]{font-size:12px;font-style:normal;line-height:16px;letter-spacing:-.06px}.TypographyCustom[data-category=text][data-size=xxs]{font-size:10px;font-style:normal;line-height:14px;letter-spacing:-.04px}.custom-input{display:flex;flex-direction:row;padding:12px;align-items:center;gap:12px;width:100%;align-self:stretch;border-radius:var(--border-radius-radius-pre-lg, 12px);margin-top:8px;border:1px solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 1px 2px #1717170d}.custom-input input{width:100%;border:none}.custom-input input::placeholder{color:var(--text-disabled, #939197);font-weight:500}.custom-input input:hover,.custom-input input:focus,.custom-input input:active{border:none;outline:none}.custom-input .left-icon,.custom-input .right-icon{display:flex;align-items:center;justify-content:center}.custom-input .left-icon svg path,.custom-input .right-icon svg path{stroke:#939197}.custom-input:focus-within .left-icon svg path,.custom-input:focus-within .right-icon svg path{stroke:#000}.custom-input input{font-family:var(--font-family);color:var(--text-primary, #080808);font-weight:600;font-size:14px;font-style:normal}.custom-input .grey-box{margin:-12px;padding:12px;gap:6px;display:flex;flex-direction:row;background:#f9f9f9}.custom-input .grey-right-box{padding:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-left:1px solid #e6e6e6}.custom-input .grey-left-box{padding:12px 14px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:1px solid #e6e6e6}.custom-input select:focus{border:none;outline:none}.text-area-container{margin-top:8px;display:flex;padding:12px;flex-direction:column;gap:10px;flex:1 0 0;align-self:stretch;border-radius:16px;border:var(--border-radius-radius-3xs, 1px) solid var(--border-default, #e6e6e6);box-shadow:0 1px 2px #1717170d}.text-area-container:focus-within{border:var(--border-radius-radius-3xs, 1px) solid var(--primary-main, #0070f3);box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.text-area-container:has(textarea:disabled){background:var(--surface-disabled, #f1f1f1)}.text-area-container:hover{border:var(--border-radius-radius-3xs, 1px) solid var(--border-hover, #c9c9cc)}.text-area-container[data-error=true]{border:var(--border-radius-radius-3xs, 1px) solid var(--border-error, #ea4621);box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.custom-input:hover{border:var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);box-shadow:0 1px 2px #1717170d}.custom-input:focus-within{border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.custom-input:has(input:disabled){border-radius:var(--border-radius-radius-pre-lg, 12px);border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-disabled, #f1f1f1)}.custom-input:has(input:disabled) input{color:var(--text-disabled, #939197)!important}.custom-input[data-error=true]{border:var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.blinq-checkbox input[data-size=sm]+.checkmark{width:16px;height:16px;border-radius:var(--border-radius-radius-sm, 6px);margin-bottom:6px}.blinq-checkbox input[data-size=md]+.checkmark{width:20px;height:20px;border-radius:var(--border-radius-radius-md, 8px);margin-bottom:6px}.blinq-checkbox input[data-size=lg]+.checkmark{width:24px;height:24px;border-radius:var(--border-radius-radius-md, 8px);margin-bottom:8px}.blinq-checkbox .checkmark{position:relative;top:4px;left:0;background-color:#fff;border-radius:8px}.blinq-checkbox input:checked~.checkmark{background:var(--surface-primary, #093DB0)}.blinq-checkbox .checkmark:after{border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}.blinq-checkbox input[data-size=lg]+.checkmark:after{left:8.5px;top:3.5px;width:6px;height:12px}.blinq-checkbox input[data-size=md]+.checkmark:after{left:6.5px;top:3.5px;width:5px;height:9px}.blinq-checkbox input[data-size=sm]+.checkmark:after{left:5px;top:3px;width:4px;height:7px}.blinq-checkbox:hover input:checked~.checkmark{background:var(--surface-primary-hover, #08379E)}.blinq-checkbox:hover input:not(:checked)~.checkmark{background-color:var(--surface-primary-lightest, #F3F5FB);border:1px solid var(--border-brand, #093DB0)}.blinq-checkbox input:focus~.checkmark{box-shadow:0 0 0 4px var(--primary-30, #B5C5E7)}.blinq-checkbox input:disabled~.checkmark{background:var(--surface-disabled, #F1F1F1);cursor:not-allowed;border:1px solid var(--border-default, #E6E6E6);box-shadow:none}.blinq-checkbox input~.checkmark{border:1px solid var(--border-default, #E6E6E6)}.blinq-checkbox input:disabled~.checkmark:after{border:solid #939197;border-width:0 2.7px 2.7px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}.blinq-checkbox{display:block;position:relative;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.blinq-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.blinq-checkbox .checkmark:after{content:"";position:absolute;display:none}.blinq-checkbox input:checked~.checkmark:after{display:block}.blinq-radio-button input[data-size=sm]+.checkmark{width:16px;height:16px;border-radius:50%}.blinq-radio-button input[data-size=md]+.checkmark{width:20px;height:20px;border-radius:50%}.blinq-radio-button input[data-size=lg]+.checkmark{width:24px;height:24px;border-radius:50%}.blinq-radio-button .checkmark{position:absolute;top:4px;left:0;background-color:var(--surface-primary-lightest, #F3F5FB);border-radius:8px}.blinq-radio-button .checkmark:after{display:inline-block;border-radius:50%;left:50%;top:50%;background:var(--surface-primary, #093DB0);transform:translate(-50%,-50%);position:absolute}.blinq-radio-button input[data-size=lg]+.checkmark:after{width:12px;height:12px}.blinq-radio-button input[data-size=md]+.checkmark:after{width:10px;height:10px}.blinq-radio-button input[data-size=sm]+.checkmark:after{width:8px;height:8px}.blinq-radio-button:hover .checkmark:after{background:var(--surface-primary-hover, #08379E)}.blinq-radio-button input:focus~.checkmark{box-shadow:0 0 0 4px var(--primary-30, #B5C5E7)}.blinq-radio-button input:disabled~.checkmark{background:var(--surface-disabled, #F1F1F1);cursor:not-allowed;border:1px solid var(--border-default, #E6E6E6);box-shadow:none}.blinq-radio-button input~.checkmark{border:1px solid var(--border-brand, #093DB0)}.blinq-radio-button input:disabled .checkmark:after{display:inline-block;border-radius:50%;left:50%;top:50%;background:#939197;transform:translate(-50%,-50%);position:absolute}.blinq-radio-button{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blinq-radio-button input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.blinq-radio-button .checkmark:after{content:"";position:absolute;display:none}.blinq-radio-button input:checked~.checkmark:after{display:block}.toggle-switch{display:inline-flex;background-color:#f5f5f5;border-radius:20px;padding:5px;cursor:pointer;transition:background-color 1s ease}.toggle-option{padding:10px 20px;border-radius:15px;font-weight:500;font-size:14px;color:#b9b9b9;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.toggle-option.active{background-color:#fff;color:#000;box-shadow:0 2px 8px #0000001a}
+.button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-family, "Plus Jakarta Sans", sans-serif)}.button[data-size=sm]{padding:8px 12px;gap:8px;border-radius:12px}.button[data-size=md]{padding:10px 14px;gap:8px;border-radius:12px}.button[data-size=lg]{padding:12px 16px;gap:10px;border-radius:12px}.button[data-size=xl]{padding:16px 24px;gap:12px;border-radius:16px}.buttonText[data-size=sm]{width:24px;height:24px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=md]{width:40px;height:40px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=lg]{width:48px;height:48px;padding:16px;gap:10px;flex-shrink:0}.buttonText[data-size=xl]{width:56px;height:56px;padding:16px;gap:10px;flex-shrink:0}.button[data-colorHierarchy="brand/primary"]{background-color:var(--primary-main)}.button .input-typography{font-weight:700}.button[data-colorHierarchy="brand/primary"] .input-typography,.button[data-colorHierarchy="brand/primary"] span svg path{color:#fff;stroke:#fff}.button[data-colorHierarchy="gray/secondary"]{background-color:#f1f1f1}.button[data-colorHierarchy="gray/secondary"] .input-typography,.button[data-colorHierarchy="gray/secondary"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="white/secondary"]{background-color:#fff;box-shadow:0 1px 2px #1717170d;border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6)}.button[data-colorHierarchy="white/secondary"] .input-typography,.button[data-colorHierarchy="white/secondary"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="gray/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="gray/linkContainer"] .input-typography,.button[data-colorHierarchy="gray/linkContainer"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="gray/link"]{background-color:#fff;padding:0 8px}.button[data-colorHierarchy="gray/link"] .input-typography,.button[data-colorHierarchy="gray/link"] span svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="brand/link"]{background-color:#fff;padding:0 8px}.button[data-colorHierarchy="brand/link"] .input-typography,.button[data-colorHierarchy="brand/link"] span svg path{color:var(--primary-main);stroke:var(--primary-main)}.button[data-colorHierarchy="destructive/primary"]{background:var(--surface-error, #ea4621)}.button[data-colorHierarchy="destructive/primary"] .input-typography,.button[data-colorHierarchy="destructive/primary"] span svg path{color:#fff;stroke:#fff}.button[data-colorHierarchy="destructive/secondary"]{background:var(--surface-error-secondary, #fdece9)}.button[data-colorHierarchy="destructive/secondary"] .input-typography,.button[data-colorHierarchy="destructive/secondary"] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy="destructive/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="destructive/linkContainer"] .input-typography,.button[data-colorHierarchy="destructive/linkContainer"] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy=""]{background-color:#fff;padding:0}.button[data-colorHierarchy=""] .input-typography,.button[data-colorHierarchy=""] span svg path{color:var(--text-error, #ea4621);stroke:var(--text-error, #ea4621)}.button[data-colorHierarchy="brand/primary"]:hover{background:var(--surface-primary-hover, #08379e)}.button[data-colorHierarchy="gray/secondary"]:hover{background:var(--surface-secondary-hover, #ececed)}.button[data-colorHierarchy="white/secondary"]:hover{background:var(--surface-white---hover, #f9f9f9)}.button[data-colorHierarchy="gray/linkContainer"]:hover{background:var(--surface-secondary, #f1f1f1)}.button[data-colorHierarchy="gray/link"]:hover,.button[data-colorHierarchy="brand/link"]:hover{background-color:#fff}.button[data-colorHierarchy="destructive/primary"]:hover{background:var(--surface-error-hover, #d33f1e)}.button[data-colorHierarchy="destructive/secondary"]:hover{background:var(--surface-error-secondary-hover, #fbdad3)}.button[data-colorHierarchy="destructive/linkContainer"]:hover{background:var(--colors-red-5, #fef6f4)}.button[data-colorHierarchy=""]:hover{background-color:#fff}.button[data-colorHierarchy="brand/primary"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="gray/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="white/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/linkContainer"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/link"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="brand/link"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="destructive/primary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/secondary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/linkContainer"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy=""]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="brand/primary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button:disabled .input-typography{color:var(--text-disabled, #939197)}.button:disabled span svg path{stroke:var(--text-disabled, #939197)}.button[data-colorHierarchy="gray/secondary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button[data-colorHierarchy="white/secondary"]:disabled{background:var(--surface-white---disabled, #fdfdfd)}.button[data-colorHierarchy="brand/link"]:disabled .input-typography,.button[data-colorHierarchy="brand/link"]:disabled span svg path{color:var(--text-action-disabled, #849ed7);stroke:var(--text-action-disabled, #849ed7)}.button[data-colorHierarchy="destructive/primary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/primary"]:disabled .input-typography,.button[data-colorHierarchy="destructive/primary"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/secondary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography,.button[data-colorHierarchy="destructive/secondary"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography,.button[data-colorHierarchy="destructive/linkContainer"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/link"]:disabled .input-typography,.button[data-colorHierarchy="destructive/link"]:disabled span svg path{color:var(--text-error-disabled, #f5a290);stroke:var(--text-error-disabled, #f5a290)}.TypographyCustom{color:#000}.TypographyCustom[data-bold=extrabold]{font-weight:800}.TypographyCustom[data-bold=bold]{font-weight:700}.TypographyCustom[data-bold=semibold]{font-weight:600}.TypographyCustom[data-bold=medium]{font-weight:500}.TypographyCustom[data-category=display][data-size=lg]{font-size:180px;font-style:normal;line-height:188px;letter-spacing:-9px}.TypographyCustom[data-category=display][data-size=md]{font-size:128px;font-style:normal;line-height:136px;letter-spacing:-5.12px}.TypographyCustom[data-category=display][data-size=sm]{font-size:96px;font-style:normal;line-height:104px;letter-spacing:-2.88px}.TypographyCustom[data-category=heading][data-size=xxl]{font-size:72px;font-style:normal;line-height:80px;letter-spacing:-1.44px}.TypographyCustom[data-category=heading][data-size=xl]{font-size:60px;font-style:normal;line-height:68px;letter-spacing:-1.08px}.TypographyCustom[data-category=heading][data-size=lg]{font-size:48px;font-style:normal;line-height:56px;letter-spacing:-.768px}.TypographyCustom[data-category=heading][data-size=md]{font-size:36px;font-style:normal;line-height:44px;letter-spacing:-.504px}.TypographyCustom[data-category=heading][data-size=sm]{font-size:30px;font-style:normal;line-height:38px;letter-spacing:-.39px}.TypographyCustom[data-category=heading][data-size=xs],.TypographyCustom[data-category=text][data-size=xxl]{font-size:24px;font-style:normal;line-height:32px;letter-spacing:-.288px}.TypographyCustom[data-category=text][data-size=xl]{font-size:20px;font-style:normal;line-height:28px;letter-spacing:-.2px}.TypographyCustom[data-category=text][data-size=lg]{font-size:18px;font-style:normal;line-height:24px;letter-spacing:-.144px}.TypographyCustom[data-category=text][data-size=md]{font-size:16px;font-style:normal;line-height:22px;letter-spacing:-.112px}.TypographyCustom[data-category=text][data-size=sm]{font-size:14px;font-style:normal;line-height:20px;letter-spacing:-.084px}.TypographyCustom[data-category=text][data-size=xs]{font-size:12px;font-style:normal;line-height:16px;letter-spacing:-.06px}.TypographyCustom[data-category=text][data-size=xxs]{font-size:10px;font-style:normal;line-height:14px;letter-spacing:-.04px}.custom-input{display:flex;flex-direction:row;padding:12px;align-items:center;gap:12px;width:100%;align-self:stretch;border-radius:var(--border-radius-radius-pre-lg, 12px);margin-top:8px;border:1px solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 1px 2px #1717170d}.custom-input input{width:100%;border:none}.custom-input input::placeholder{color:var(--text-disabled, #939197);font-weight:500}.custom-input input:hover,.custom-input input:focus,.custom-input input:active{border:none;outline:none}.custom-input .left-icon,.custom-input .right-icon{display:flex;align-items:center;justify-content:center}.custom-input .left-icon svg path,.custom-input .right-icon svg path{stroke:#939197}.custom-input:focus-within .left-icon svg path,.custom-input:focus-within .right-icon svg path{stroke:#000}.custom-input input{font-family:var(--font-family);color:var(--text-primary, #080808);font-weight:600;font-size:14px;font-style:normal}.custom-input .grey-box{margin:-12px;padding:12px;gap:6px;display:flex;flex-direction:row;background:#f9f9f9}.custom-input .grey-right-box{padding:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-left:1px solid #e6e6e6}.custom-input .grey-left-box{padding:12px 14px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:1px solid #e6e6e6}.custom-input select:focus{border:none;outline:none}.text-area-container{margin-top:8px;display:flex;padding:12px;flex-direction:column;gap:10px;flex:1 0 0;align-self:stretch;border-radius:16px;border:var(--border-radius-radius-3xs, 1px) solid var(--border-default, #e6e6e6);box-shadow:0 1px 2px #1717170d}.text-area-container:focus-within{border:var(--border-radius-radius-3xs, 1px) solid var(--primary-main, #0070f3);box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.text-area-container:has(textarea:disabled){background:var(--surface-disabled, #f1f1f1)}.text-area-container:hover{border:var(--border-radius-radius-3xs, 1px) solid var(--border-hover, #c9c9cc)}.text-area-container[data-error=true]{border:var(--border-radius-radius-3xs, 1px) solid var(--border-error, #ea4621);box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.custom-input:hover{border:var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);box-shadow:0 1px 2px #1717170d}.custom-input:focus-within{border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.custom-input:has(input:disabled){border-radius:var(--border-radius-radius-pre-lg, 12px);border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-disabled, #f1f1f1)}.custom-input:has(input:disabled) input{color:var(--text-disabled, #939197)!important}.custom-input[data-error=true]{border:var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.blinq-checkbox input[data-size=sm]+.checkmark{width:16px;height:16px;border-radius:var(--border-radius-radius-sm, 6px);margin-bottom:6px}.blinq-checkbox input[data-size=md]+.checkmark{width:20px;height:20px;border-radius:var(--border-radius-radius-md, 8px);margin-bottom:6px}.blinq-checkbox input[data-size=lg]+.checkmark{width:24px;height:24px;border-radius:var(--border-radius-radius-md, 8px);margin-bottom:8px}.blinq-checkbox .checkmark{position:relative;top:4px;left:0;background-color:#fff;border-radius:8px}.blinq-checkbox input:checked~.checkmark{background:var(--surface-primary, #093DB0)}.blinq-checkbox .checkmark:after{border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}.blinq-checkbox input[data-size=lg]+.checkmark:after{left:8.5px;top:3.5px;width:6px;height:12px}.blinq-checkbox input[data-size=md]+.checkmark:after{left:6.5px;top:3.5px;width:5px;height:9px}.blinq-checkbox input[data-size=sm]+.checkmark:after{left:5px;top:3px;width:4px;height:7px}.blinq-checkbox:hover input:checked~.checkmark{background:var(--surface-primary-hover, #08379E)}.blinq-checkbox:hover input:not(:checked)~.checkmark{background-color:var(--surface-primary-lightest, #F3F5FB);border:1px solid var(--border-brand, #093DB0)}.blinq-checkbox input:focus~.checkmark{box-shadow:0 0 0 4px var(--primary-30, #B5C5E7)}.blinq-checkbox input:disabled~.checkmark{background:var(--surface-disabled, #F1F1F1);cursor:not-allowed;border:1px solid var(--border-default, #E6E6E6);box-shadow:none}.blinq-checkbox input~.checkmark{border:1px solid var(--border-default, #E6E6E6)}.blinq-checkbox input:disabled~.checkmark:after{border:solid #939197;border-width:0 2.7px 2.7px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}.blinq-checkbox{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.blinq-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.blinq-checkbox .checkmark:after{content:"";position:absolute;display:none}.blinq-checkbox input:checked~.checkmark:after{display:block}.blinq-radio-button input[data-size=sm]+.checkmark{width:16px;height:16px;border-radius:50%}.blinq-radio-button input[data-size=md]+.checkmark{width:20px;height:20px;border-radius:50%}.blinq-radio-button input[data-size=lg]+.checkmark{width:24px;height:24px;border-radius:50%}.blinq-radio-button .checkmark{position:absolute;top:4px;left:0;background-color:var(--surface-primary-lightest, #F3F5FB);border-radius:8px}.blinq-radio-button .checkmark:after{display:inline-block;border-radius:50%;left:50%;top:50%;background:var(--surface-primary, #093DB0);transform:translate(-50%,-50%);position:absolute}.blinq-radio-button input[data-size=lg]+.checkmark:after{width:12px;height:12px}.blinq-radio-button input[data-size=md]+.checkmark:after{width:10px;height:10px}.blinq-radio-button input[data-size=sm]+.checkmark:after{width:8px;height:8px}.blinq-radio-button:hover .checkmark:after{background:var(--surface-primary-hover, #08379E)}.blinq-radio-button input:focus~.checkmark{box-shadow:0 0 0 4px var(--primary-30, #B5C5E7)}.blinq-radio-button input:disabled~.checkmark{background:var(--surface-disabled, #F1F1F1);cursor:not-allowed;border:1px solid var(--border-default, #E6E6E6);box-shadow:none}.blinq-radio-button input~.checkmark{border:1px solid var(--border-brand, #093DB0)}.blinq-radio-button input:disabled .checkmark:after{display:inline-block;border-radius:50%;left:50%;top:50%;background:#939197;transform:translate(-50%,-50%);position:absolute}.blinq-radio-button{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blinq-radio-button input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.blinq-radio-button .checkmark:after{content:"";position:absolute;display:none}.blinq-radio-button input:checked~.checkmark:after{display:block}.toggle-switch{display:inline-flex;background-color:#f5f5f5;border-radius:20px;padding:5px;cursor:pointer;transition:background-color 1s ease}.toggle-option{padding:10px 20px;border-radius:15px;font-weight:500;font-size:14px;color:#b9b9b9;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.toggle-option.active{background-color:#fff;color:#000;box-shadow:0 2px 8px #0000001a}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.84",
+  "version": "1.0.86",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",