@dev-blinq/ui-systems 1.0.14 → 1.0.15

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.
Files changed (2) hide show
  1. package/dist/style.css +1 -1
  2. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +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}.button[data-colorHierarchy="brand/primary"]{background-color:var(--primary-main)}.button[data-colorHierarchy="brand/primary"] .input-typography,.button[data-colorHierarchy="brand/primary"] .icon 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"] .icon 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"] .icon svg path{color:#080808;stroke:}.button[data-colorHierarchy="gray/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="gray/linkContainer"] .input-typography,.button[data-colorHierarchy="gray/linkContainer"] .icon svg path{color:#080808;stroke:}.button[data-colorHierarchy="gray/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="gray/link"] .input-typography,.button[data-colorHierarchy="gray/link"] .icon svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="brand/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="brand/link"] .input-typography,.button[data-colorHierarchy="brand/link"] .icon 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"] .icon 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"] .icon 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"] .icon 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=""] .icon 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[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{color: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{color: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{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/link"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.TypographyCustom{color:var(--Gray-110, var(--colors-greyscale-110, #2d2b32))}.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:296px;align-self:stretch;border-radius:var(--border-radius-radius-pre-lg, 12px);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 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}.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[data-error=true]{border:var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621)}
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}.button[data-colorHierarchy="brand/primary"]{background-color:var(--primary-main)}.button[data-colorHierarchy="brand/primary"] .input-typography,.button[data-colorHierarchy="brand/primary"] .icon 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"] .icon 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"] .icon 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"] .icon svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="gray/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="gray/link"] .input-typography,.button[data-colorHierarchy="gray/link"] .icon svg path{color:#080808;stroke:#080808}.button[data-colorHierarchy="brand/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="brand/link"] .input-typography,.button[data-colorHierarchy="brand/link"] .icon 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"] .icon 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"] .icon 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"] .icon 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=""] .icon 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[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{color: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{color: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{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/link"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.TypographyCustom{color:var(--Gray-110, var(--colors-greyscale-110, #2d2b32))}.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:296px;align-self:stretch;border-radius:var(--border-radius-radius-pre-lg, 12px);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 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}.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[data-error=true]{border:var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dev-blinq/ui-systems",
3
3
  "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
4
- "version": "1.0.14",
4
+ "version": "1.0.15",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",