@agilekit/ui 0.1.0-alpha.20 → 0.1.0-alpha.21

package/lib/index.css

@@ -179,6 +179,7 @@
 .container__qX5S7{display:flex;justify-content:center;align-items:center;z-index:50;inset:0;position:fixed}.backdrop__otNEz{background-color:color-mix(in oklab, #000 80%, transparent);--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);inset:0;position:absolute}.content__DEqxc{z-index:10;position:relative;max-width:72rem;width:100%;max-height:90vh;margin-inline:1rem}.closeButton__UZZxq{position:absolute;top:1rem;right:1rem;z-index:20;padding:.5rem;border-radius:9999px;background-color:rgba(0,0,0,.5);color:#fff;transition:background-color .15s ease-in-out;cursor:pointer;border:none}.closeButton__UZZxq:hover{background-color:rgba(0,0,0,.7)}.navButton__Afqf0{position:absolute;top:50%;transform:translateY(-50%);z-index:20;padding:.75rem;border-radius:9999px;background-color:rgba(0,0,0,.5);color:#fff;transition:background-color .15s ease-in-out;border:none;cursor:pointer}.navButton__Afqf0:hover{background-color:rgba(0,0,0,.7)}.navButton__Afqf0.left__kn8SU{left:1rem}.navButton__Afqf0.right__qtlTg{right:1rem}.icon__Erdn6{width:1.5rem;height:1.5rem}.imageContainer__kcl2P{position:relative;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);min-height:80vh;display:flex;align-items:center;justify-content:center}.imageWrapper__q7xtg{position:relative;aspect-ratio:auto;max-height:80vh;display:flex;align-items:center;justify-content:center}.imageContent__CfWFo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image__Zl4T5{max-width:100%;max-height:100%;object-fit:contain}.counter__mKh5e{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);padding:.5rem 1rem;background-color:rgba(0,0,0,.7);color:#fff;border-radius:9999px}.counterText__YeZ5S{font-size:.875rem;font-weight:500}.thumbnailContainer__KwKXu{display:flex;justify-content:center;margin-top:1rem;gap:.5rem;max-width:100%;padding:0 1rem}.thumbnail__u4rgi{flex-shrink:0;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;transition:all .15s ease-in-out;padding:0;border:none;cursor:pointer}.thumbnail__u4rgi.active__anuS2{transform:scale(1.1)}.thumbnail__u4rgi:focus{outline:none}.thumbnail__u4rgi:not(.active__anuS2){opacity:.7}.thumbnail__u4rgi:not(.active__anuS2):hover{opacity:1}.thumbnailImage__CEl_S{width:100%;height:100%;object-fit:cover}
 .container__PYAm9{width:100%}.header__di_B8{margin-bottom:24px}.imageGrid__rldiF{grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;display:grid}.imageContainer__BQISi{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.15s;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px;box-sizing:border-box;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1}.imageContainer__BQISi:hover{box-shadow:0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1019607843)),0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1019607843))}.image__kCd6n{transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.3s;object-fit:cover;width:100%;height:100%;max-width:100%;display:block;box-sizing:border-box}.image__kCd6n:hover{scale:105% 105%}
 .Heading__t21g5{margin:0}.Heading__t21g5.level-1__z8yyJ *{font-size:28px;font-weight:700}.Heading__t21g5.level-3__GVhGO *{font-weight:700;font-size:20px}.Heading__t21g5.level-6__U_pqE *{font-weight:700;font-size:12px;line-height:18px;margin-bottom:0}
+.iconButton__OZasU{align-items:center;appearance:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;transition:all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);vertical-align:middle}.iconButton__OZasU:hover{transform:translateY(-1px)}.iconButton__OZasU:active{transform:translateY(1px)}.iconButton__OZasU:focus,.iconButton__OZasU:active{outline:none}.small__vCneE{height:32px;width:32px}.medium__o7PEh{height:36px;width:36px}.large__u06gk{height:48px;width:48px}.xlarge__Ewq4X{height:56px;width:56px}.basic__OyTBZ{background:#fff;border:1px solid #ebecf0;box-shadow:0 2px 2px 0 rgba(54,97,126,.3);color:#172b4d}.basic__OyTBZ:hover,.basic__OyTBZ:focus{background:#ebf4ff;border-color:#030b5d;color:#030b5d}.primary__UP8lA{background:var(--palette-primary-main, #0052cc);border:1px solid var(--palette-primary-main, #0052cc);box-shadow:0 2px 2px 0 rgba(54,97,126,.3);color:#fff}.primary__UP8lA:hover,.primary__UP8lA:focus{background:#0047b3;border-color:#0047b3}.success__mC2rM{background:#008759;border:1px solid #008759;box-shadow:0 2px 2px 0 rgba(39,87,83,.3);color:#fff}.success__mC2rM:hover,.success__mC2rM:focus{background:#0e7c3a;border-color:#0e7c3a}.danger__JCebH{background:#de350b;border:1px solid #de350b;box-shadow:0 2px 2px 0 rgba(123,97,96,.3);color:#fff}.danger__JCebH:hover,.danger__JCebH:focus{background:#ad1111;border-color:#ad1111}.subtle__as9gb{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;color:#172b4d}.subtle__as9gb:hover,.subtle__as9gb:focus{background:rgba(9,30,66,.08)}.subtle__as9gb:active{background:rgba(9,30,66,.16)}.disabled__aYucd{background:#dfe1e6;border:1px solid #dfe1e6;box-shadow:0 1px 1px 0 rgba(19,31,21,.1);color:#8993a4;cursor:not-allowed}.disabled__aYucd:hover,.disabled__aYucd:focus{background:#dfe1e6;border-color:#dfe1e6;color:#8993a4;transform:translateY(0)}.disabled__aYucd:active{transform:translateY(0)}.icon__CelYZ{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:16px;justify-content:center;line-height:1;pointer-events:none;width:16px}.icon__CelYZ svg{display:block;flex-shrink:0;font-size:16px;height:16px;width:16px}.icon__CelYZ i{display:inline-flex;flex-shrink:0;font-size:16px}.icon__CelYZ [class^='icon-']:before,.icon__CelYZ [class*=' icon-']:before{margin-left:0;margin-right:0;width:1em}
 .input-file__CWMtl input[type=file]{margin-top:1em;line-height:1em;border-bottom:none;width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input-file__CWMtl .form-drop-zone__khAj2{display:flex;flex-direction:column;background-color:#f4f5f7;border:1px dashed #505f79;border-radius:4px;color:#7a869a;position:relative;margin-bottom:8px}.input-file__CWMtl .form-drop-zone__khAj2.hovered__FfZGU{background-color:#e5f5f8;border-color:#00a4bd}.input-file__CWMtl .form-drop-zone__khAj2.error__jmBct{background-color:#fdedee;border-color:#d94c53}.input-file__CWMtl .form-drop-zone__khAj2.success__GMO05{background-color:#e5f8f6;border-color:#00a38d}.input-file__CWMtl .form-drop-zone__khAj2 span{display:block;width:100%;line-height:58px;text-align:center;pointer-events:none}
 .Label__qwYWL label{font-size:14px;margin-bottom:5px;color:#5e6c84}
 .LabelContainer__Qy2eQ:hover label{color:#42526e}.LabelContainer__Qy2eQ.Focus__AQnjs label{color:#0263e0}.LabelContainer__Qy2eQ.ErrorLabel__R0QAO label{color:#d61f1f}.LabelContainer__Qy2eQ.Disabled__nCpKT label{color:#a5adba}.LabelHidden__rc4Uh{border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.HelpText__N03Ma{color:#637381;margin-top:.4rem;font-size:14px;font-weight:400;line-height:14px;text-transform:none;letter-spacing:normal}.Error__xahUQ{display:flex;color:#d61f1f;margin-top:.4rem;font-size:14px;font-weight:400;line-height:14px;text-transform:none;letter-spacing:normal;align-items:center}.ErrorIcon__RYl_r{display:flex;background-color:#d61f1f;width:16px;height:16px;border-radius:50%;justify-content:center;align-items:center;margin-right:6px}