@kvell-group/ui 1.12.15 → 1.12.17
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/Button.css +1 -1
- package/dist/assets/clsx.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/{clsx-BvFBxcni.js → clsx-oLHujfaf.js} +7 -7
- package/dist/components/Button/Button.js +19 -14
- package/dist/components/Button/constants.d.ts +4 -0
- package/dist/components/Button/constants.js +9 -5
- package/dist/components/Inputs/CvvInput/CvvInput.js +1 -1
- package/dist/components/Inputs/Input.js +2 -2
- package/dist/components/Inputs/PasswordInput/PasswordInput.js +2 -2
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/theme.js +5 -6
- package/dist/constants/font-variants.d.ts +2 -1
- package/dist/constants/font-variants.js +7 -5
- package/dist/typography.module-DlX0I_jx.js +12 -0
- package/package.json +1 -1
- package/dist/typography.module-BEHkR4Hr.js +0 -11
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}.
|
|
1
|
+
.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_ckr0p_1{box-shadow:var(--mantine-shadow-xs);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-padding-x-sm: 1rem;--button-padding-x-md: 1rem;--button-padding-x-lg: 1rem;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}._root_ckr0p_1[data-variant=primary]{background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white)}._root_ckr0p_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);border:1px solid var(--mantine-color-border-action-normal-0)}._root_ckr0p_1[data-variant=secondary] ._loader_ckr0p_27{--button-color: var(--mantine-color-gray-5)}._root_ckr0p_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary)}._root_ckr0p_1[data-variant=tertiary] ._loader_ckr0p_27{--button-color: var(--mantine-color-gray-5)}._root_ckr0p_1:disabled,._root_ckr0p_1[data-disabled]{background-color:var(--mantine-color-background-button-primary-disabled-0);color:var(--mantine-color-text-base-quaternary-0)}._section_ckr0p_48{--mantine-spacing-xs: .25rem}
|
package/dist/assets/clsx.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._input_1d20c_1{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);box-shadow:var(--mantine-shadows-xs);color:var(--mantine-color-text-base-tertiary-0);--input-height: 2.5rem}._input_1d20c_1[data-error]{border:1px solid var(--mantine-color-border-action-destructive-0);margin-bottom:-.125px}[data-position=left]~._input_1d20c_1{--input-padding-inline-start: 2.5rem}._section_1d20c_19{--right-section-end: .75rem;--left-section-start: .25rem}._label_1d20c_24{margin-bottom:.2rem}._error_1d20c_28{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem}._error_1d20c_28:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._h6-
|
|
1
|
+
._h6-bold_1gks2_2{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-h6);line-height:var(--mantine-line-height-h6);letter-spacing:var(--mantine-spacing-h6)}._body-s-medium_1gks2_11{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}h2._body-m-medium_1gks2_19,._body-m-medium_1gks2_19{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-m-bold_1gks2_28{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-l-bold_1gks2_36{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-l);line-height:var(--mantine-line-height-body-l);letter-spacing:var(--mantine-spacing-body-l)}._caption-l-medium_1gks2_45{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}p._caption-l-regular_1gks2_53,._caption-l-regular_1gks2_53{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import './assets/clsx.css';const
|
|
2
|
-
input:
|
|
3
|
-
section:
|
|
4
|
-
label:
|
|
1
|
+
import './assets/clsx.css';const e = "_input_1d20c_1", a = "_section_1d20c_19", i = "_label_1d20c_24", l = "_error_1d20c_28", _ = {
|
|
2
|
+
input: e,
|
|
3
|
+
section: a,
|
|
4
|
+
label: i,
|
|
5
5
|
error: l
|
|
6
6
|
};
|
|
7
|
-
function
|
|
7
|
+
function c(r) {
|
|
8
8
|
var o, n, t = "";
|
|
9
9
|
if (typeof r == "string" || typeof r == "number") t += r;
|
|
10
10
|
else if (typeof r == "object") if (Array.isArray(r)) {
|
|
11
11
|
var s = r.length;
|
|
12
|
-
for (o = 0; o < s; o++) r[o] && (n =
|
|
12
|
+
for (o = 0; o < s; o++) r[o] && (n = c(r[o])) && (t && (t += " "), t += n);
|
|
13
13
|
} else for (n in r) r[n] && (t && (t += " "), t += n);
|
|
14
14
|
return t;
|
|
15
15
|
}
|
|
16
16
|
function u() {
|
|
17
|
-
for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o =
|
|
17
|
+
for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o = c(r)) && (t && (t += " "), t += o);
|
|
18
18
|
return t;
|
|
19
19
|
}
|
|
20
20
|
export {
|
|
@@ -1,19 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { createPolymorphicComponent as e, Button as n } from "@mantine/core";
|
|
3
3
|
import { forwardRef as m } from "react";
|
|
4
|
-
import '../../assets/Button.css';const
|
|
5
|
-
root:
|
|
6
|
-
loader:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
4
|
+
import '../../assets/Button.css';const p = "_root_ckr0p_1", _ = "_loader_ckr0p_27", a = "_section_ckr0p_48", i = {
|
|
5
|
+
root: p,
|
|
6
|
+
loader: _,
|
|
7
|
+
section: a
|
|
8
|
+
}, u = e(
|
|
9
|
+
m((o, t) => {
|
|
10
|
+
const { size: r = "md", ...s } = o;
|
|
11
|
+
return /* @__PURE__ */ c(
|
|
12
|
+
n,
|
|
13
|
+
{
|
|
14
|
+
ref: t,
|
|
15
|
+
size: r,
|
|
16
|
+
...s,
|
|
17
|
+
classNames: i
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
})
|
|
16
21
|
);
|
|
17
22
|
export {
|
|
18
|
-
|
|
23
|
+
u as Button
|
|
19
24
|
};
|
|
@@ -2,3 +2,7 @@ export declare const PRIMARY_BUTTON_VARIANT: "primary";
|
|
|
2
2
|
export declare const SECONDARY_BUTTON_VARIANT: "secondary";
|
|
3
3
|
export declare const TERTIARY_BUTTON_VARIANT: "tertiary";
|
|
4
4
|
export declare const ButtonVariants: ("primary" | "secondary" | "tertiary")[];
|
|
5
|
+
export declare const SM_BUTTON_SIZE: "sm";
|
|
6
|
+
export declare const MD_BUTTON_SIZE: "md";
|
|
7
|
+
export declare const LG_BUTTON_SIZE: "lg";
|
|
8
|
+
export declare const ButtonSizes: ("sm" | "md" | "lg")[];
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
const T = "primary", t = "secondary",
|
|
1
|
+
const T = "primary", t = "secondary", n = "tertiary", N = [
|
|
2
2
|
T,
|
|
3
3
|
t,
|
|
4
|
-
|
|
5
|
-
];
|
|
4
|
+
n
|
|
5
|
+
], o = "sm", s = "md", _ = "lg", c = [o, s, _];
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
c as ButtonSizes,
|
|
8
|
+
N as ButtonVariants,
|
|
9
|
+
_ as LG_BUTTON_SIZE,
|
|
10
|
+
s as MD_BUTTON_SIZE,
|
|
8
11
|
T as PRIMARY_BUTTON_VARIANT,
|
|
9
12
|
t as SECONDARY_BUTTON_VARIANT,
|
|
10
|
-
|
|
13
|
+
o as SM_BUTTON_SIZE,
|
|
14
|
+
n as TERTIARY_BUTTON_VARIANT
|
|
11
15
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { MaskedInput as o } from "../MaskedInput/MaskedInput.js";
|
|
3
|
-
import { c as m, b as r } from "../../../clsx-
|
|
3
|
+
import { c as m, b as r } from "../../../clsx-oLHujfaf.js";
|
|
4
4
|
import { forwardRef as p } from "react";
|
|
5
5
|
import { CARD_CVV_MASK as n } from "../../../constants/masks.js";
|
|
6
6
|
import { IMask as e } from "react-imask";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextInput as t } from "@mantine/core";
|
|
2
|
-
import { c as s, b as o } from "../../clsx-
|
|
3
|
-
import { c as a } from "../../typography.module-
|
|
2
|
+
import { c as s, b as o } from "../../clsx-oLHujfaf.js";
|
|
3
|
+
import { c as a } from "../../typography.module-DlX0I_jx.js";
|
|
4
4
|
import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
|
|
5
5
|
const { input: m, error: p, ...n } = o, r = a[e], c = s(m, r), i = s(p, r), I = t.withProps({
|
|
6
6
|
classNames: { ...n, input: c, error: i }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PasswordInput as t } from "@mantine/core";
|
|
2
|
-
import { c as s, b as a } from "../../../clsx-
|
|
3
|
-
import { c as r } from "../../../typography.module-
|
|
2
|
+
import { c as s, b as a } from "../../../clsx-oLHujfaf.js";
|
|
3
|
+
import { c as r } from "../../../typography.module-DlX0I_jx.js";
|
|
4
4
|
import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
|
|
5
5
|
import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
|
|
6
6
|
section: n
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Modal as o } from "@mantine/core";
|
|
2
|
-
import { c as s } from "../../typography.module-
|
|
2
|
+
import { c as s } from "../../typography.module-DlX0I_jx.js";
|
|
3
3
|
import { BODY_M_MEDIUM_FONT_VARIANT as t } from "../../constants/font-variants.js";
|
|
4
4
|
import '../../assets/Modal.css';const e = "_root_3afvh_1", a = "_content_3afvh_6", n = "_header_3afvh_18", _ = "_inner_3afvh_22", c = "_close_3afvh_30", r = {
|
|
5
5
|
root: e,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Text as m } from "@mantine/core";
|
|
3
3
|
import { forwardRef as s } from "react";
|
|
4
|
-
import { c as a } from "../../typography.module-
|
|
4
|
+
import { c as a } from "../../typography.module-DlX0I_jx.js";
|
|
5
5
|
const c = s((t, o) => /* @__PURE__ */ r(
|
|
6
6
|
m,
|
|
7
7
|
{
|
package/dist/components/theme.js
CHANGED
|
@@ -66,14 +66,13 @@ const a = {
|
|
|
66
66
|
}, */
|
|
67
67
|
radius: {
|
|
68
68
|
// same name from blank and mantine
|
|
69
|
-
xl: "
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
sm: "0.25rem",
|
|
69
|
+
xl: "0.75rem",
|
|
70
|
+
xs: "0.25rem",
|
|
71
|
+
sm: "0.375rem",
|
|
73
72
|
md: "0.5rem",
|
|
74
|
-
lg: "
|
|
73
|
+
lg: "0.625rem"
|
|
75
74
|
},
|
|
76
|
-
defaultRadius: "
|
|
75
|
+
defaultRadius: "xl",
|
|
77
76
|
spacing: {
|
|
78
77
|
//blank variables
|
|
79
78
|
h6: "-0.30000001192092896px",
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export declare const H6_BOLD_FONT_VARIANT: "h6-bold";
|
|
2
2
|
export declare const BODY_M_MEDIUM_FONT_VARIANT: "body-m-medium";
|
|
3
3
|
export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
|
|
4
|
+
export declare const BODY_M_BOLD_FONT_VARIANT: "body-m-bold";
|
|
4
5
|
export declare const BODY_L_BOLD_FONT_VARIANT: "body-l-bold";
|
|
5
6
|
export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
|
|
6
7
|
export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
|
|
7
|
-
export declare const FontVariants: ("body-s-medium" | "h6-bold" | "body-m-medium" | "body-l-bold" | "caption-l-medium" | "caption-l-regular")[];
|
|
8
|
+
export declare const FontVariants: ("body-s-medium" | "h6-bold" | "body-m-medium" | "body-m-bold" | "body-l-bold" | "caption-l-medium" | "caption-l-regular")[];
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
const _ = "h6-bold", o = "body-m-medium", A = "body-s-medium", N = "body-l-bold", T = "caption-l-medium",
|
|
1
|
+
const _ = "h6-bold", o = "body-m-medium", A = "body-s-medium", N = "body-m-bold", O = "body-l-bold", T = "caption-l-medium", t = "caption-l-regular", n = [
|
|
2
2
|
_,
|
|
3
3
|
o,
|
|
4
4
|
A,
|
|
5
5
|
N,
|
|
6
|
+
O,
|
|
6
7
|
T,
|
|
7
|
-
|
|
8
|
+
t
|
|
8
9
|
];
|
|
9
10
|
export {
|
|
10
|
-
|
|
11
|
+
O as BODY_L_BOLD_FONT_VARIANT,
|
|
12
|
+
N as BODY_M_BOLD_FONT_VARIANT,
|
|
11
13
|
o as BODY_M_MEDIUM_FONT_VARIANT,
|
|
12
14
|
A as BODY_S_MEDIUM_FONT_VARIANT,
|
|
13
15
|
T as CAPTION_L_MEDIUM_FONT_VARIANT,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
t as CAPTION_L_REGULAR_FONT_VARIANT,
|
|
17
|
+
n as FontVariants,
|
|
16
18
|
_ as H6_BOLD_FONT_VARIANT
|
|
17
19
|
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import './assets/typography.css';const _ = {
|
|
2
|
+
"h6-bold": "_h6-bold_1gks2_2",
|
|
3
|
+
"body-s-medium": "_body-s-medium_1gks2_11",
|
|
4
|
+
"body-m-medium": "_body-m-medium_1gks2_19",
|
|
5
|
+
"body-m-bold": "_body-m-bold_1gks2_28",
|
|
6
|
+
"body-l-bold": "_body-l-bold_1gks2_36",
|
|
7
|
+
"caption-l-medium": "_caption-l-medium_1gks2_45",
|
|
8
|
+
"caption-l-regular": "_caption-l-regular_1gks2_53"
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
_ as c
|
|
12
|
+
};
|
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import './assets/typography.css';const d = {
|
|
2
|
-
"h6-bold": "_h6-bold_1acdz_2",
|
|
3
|
-
"body-s-medium": "_body-s-medium_1acdz_11",
|
|
4
|
-
"body-m-medium": "_body-m-medium_1acdz_19",
|
|
5
|
-
"body-l-bold": "_body-l-bold_1acdz_28",
|
|
6
|
-
"caption-l-medium": "_caption-l-medium_1acdz_37",
|
|
7
|
-
"caption-l-regular": "_caption-l-regular_1acdz_45"
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
d as c
|
|
11
|
-
};
|