@agilekit/ui 0.1.0-alpha.27 → 0.1.0-alpha.29

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 (10) hide show
  1. package/lib/index.css +1 -0
  2. package/lib/index.js +1 -1
  3. package/lib/src/components/ButtonGroup/ButtonGroup.d.ts +23 -0
  4. package/lib/src/components/ButtonGroup/index.d.ts +2 -0
  5. package/lib/src/components/ButtonGroup/tests/ButtonGroup.test.d.ts +1 -0
  6. package/lib/src/components/Select/Select.d.ts +2 -0
  7. package/lib/src/components/Select/Select.styles.d.ts +1 -1
  8. package/lib/src/components/Select/tests/Select.test.d.ts +1 -0
  9. package/lib/src/index.d.ts +1 -0
  10. package/package.json +3 -1
package/lib/index.css CHANGED
@@ -4,6 +4,7 @@
4
4
  .sectionMessage__HAHgB{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:3px;background-color:#ebf4ff;color:#172b4d}.sectionMessage--information__lhRAr{background-color:#ebf4ff}.sectionMessage--success__u9GOq{background-color:#edfdf3}.sectionMessage--warning__ReKse{background-color:#fffbea}.sectionMessage--error__ad3l7{background-color:#feecec}.sectionMessage--discovery__nNT4e{background-color:#f5f0fc}.icon__izw0x{flex:0 0 auto;font-size:22px;display:flex;align-items:center;justify-content:center}.iconSuccess__VqIzC{color:#0e7c3a}.iconInfo__vuuDB{color:#043cb5}.iconError__iMP2y{color:#ad1111}.iconHelp__GFbwe{color:#5817bd}.iconWarning__suJuW{color:#e36a19}.iconSmall__q9JWd{font-size:20px}.iconImage__Be1N9{display:block;width:100%;height:100%}.content__PZZSN{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.title__DNiXb{color:#253858}.body__jQLtE{color:#172b4d}.actions__sOzyP{display:flex;align-items:center;flex-wrap:wrap;min-height:32px}.action__Kph_1{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;font-family:var(--font-family, "Inter", "Roboto", sans-serif);font-size:14px;line-height:20px;color:#0263e0;text-decoration:none;background:rgba(0,0,0,0);border:0;cursor:pointer}.action__Kph_1:focus,.action__Kph_1:hover{text-decoration:underline}.actionDivider__Tsxpf{color:#42526e;font-size:14px;line-height:20px}
5
5
  .AppFrame__PW0A1{width:100%;min-height:100vh;display:flex;background-color:#f6f6f6}.TopBar__gO6c8{position:fixed;z-index:9999;top:0;left:0;width:100%}.Navigation__m_9JH{z-index:1;top:56px;display:flex;height:calc(100% - 56px);position:fixed;z-index:516;left:0;flex:0 0 auto;align-items:stretch;outline:none;transform:translateX(0)}.Main__MO0M7{padding-top:5.6rem;padding-left:calc(18rem + env(safe-area-inset-left));flex:1 1 0%;display:flex;align-items:stretch;min-width:0;max-width:100%;padding-right:calc(30px + env(safe-area-inset-right));padding-bottom:calc(0px + env(safe-area-inset-bottom));margin-bottom:90px}.Content__Dia9E{padding-bottom:0;flex:1 1 0%;min-width:0;max-width:100%}.NoBottom__cjifY .Main__MO0M7{padding-bottom:0;margin-bottom:0}.NoNavigation___BFr2 .Main__MO0M7{padding-right:0;padding-left:0}
6
6
  .button__b_aG7{box-shadow:0 2px 2px -1px rgba(54,97,126,.3);border:1px solid #a5adba;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:.875rem;font-weight:600;border-radius:4px;cursor:pointer;background:#fff;color:#172b4d;transition:all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);white-space:nowrap}.button__b_aG7:hover{transform:translateY(-1px);background:#ebf4ff;color:#030b5d;border:1px solid #030b5d}.button__b_aG7:active{transform:translateY(1px)}.button__b_aG7:focus,.button__b_aG7:active{outline:none}.button__b_aG7.disabled__HULEw,.button__b_aG7.primary__taWj2,.button__b_aG7.success__yqu5P,.button__b_aG7.subtle__XVBG9{border:1px solid rgba(9,30,66,.04);box-shadow:0 1px 1px 0 rgba(19,31,21,.1),inset 0 2px 0 0 hsla(0,0%,100%,.06)}.button__b_aG7.primary__taWj2{background-color:var(--palette-primary-main, #0263e0);border:1px solid var(--palette-primary-main, #0263e0);box-shadow:0 2px 2px -1px rgba(54,97,126,.3);color:#fff;position:relative;z-index:0}.button__b_aG7.primary__taWj2::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;z-index:-1;transition:opacity 250ms cubic-bezier(0.34, 1.61, 0.7, 1);border-radius:3px}.button__b_aG7.primary__taWj2:hover,.button__b_aG7.primary__taWj2:focus{border:1px solid var(--palette-primary-main, #0263e0);box-shadow:0 4px 8px 0 rgba(54,97,126,.15),0 2px 2px -1px rgba(54,97,126,.3)}.button__b_aG7.primary__taWj2:hover::before,.button__b_aG7.primary__taWj2:focus::before{opacity:.15}.button__b_aG7.secondary__sMAVa{background-color:#253858;border:1px solid #253858;box-shadow:0 2px 2px -1px rgba(54,97,126,.3);color:#fff}.button__b_aG7.secondary__sMAVa:hover,.button__b_aG7.secondary__sMAVa:focus{background-color:#172b4d;border:1px solid #172b4d;box-shadow:0 4px 8px 0 rgba(54,97,126,.15),0 2px 2px -1px rgba(54,97,126,.3)}.button__b_aG7.success__yqu5P{background:#14b053;border:1px solid #14b053;color:#fff;box-shadow:0 2px 2px -1px rgba(39,87,83,.3)}.button__b_aG7.success__yqu5P:hover,.button__b_aG7.success__yqu5P:focus{background-color:#0e7c3a;border:1px solid #0e7c3a;box-shadow:0 4px 8px 0 rgba(39,87,83,.15),0 2px 2px -1px rgba(39,87,83,.3)}.button__b_aG7.danger__spYej{background-color:#d61f1f;border:1px solid #d61f1f;color:#fff;box-shadow:0 2px 2px -1px rgba(123,97,96,.3)}.button__b_aG7.danger__spYej:hover{background-color:#ad1111;border:1px solid #ad1111;box-shadow:0 4px 8px 0 rgba(123,97,96,.15),0 2px 2px -1px rgba(123,97,96,.3)}.button__b_aG7.subtle__XVBG9{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:#42526e;box-shadow:unset}.button__b_aG7.subtle__XVBG9:hover{background-color:rgba(9,30,66,.08);border:1px solid rgba(0,0,0,0)}.button__b_aG7.disabled__HULEw{background-color:#dfe1e6;border:1px solid #dfe1e6;color:#8993a4;cursor:not-allowed;box-shadow:0 1px 1px 0 rgba(19,31,21,.1),inset 0 2px 0 0 hsla(0,0%,100%,.06)}.button__b_aG7.disabled__HULEw:hover{background-color:#dfe1e6;border:1px solid #dfe1e6;color:#8993a4;transform:translateY(0);box-shadow:0 1px 1px 0 rgba(19,31,21,.1),inset 0 2px 0 0 hsla(0,0%,100%,.06)}.button__b_aG7.disabled__HULEw:active{transform:translateY(0)}.button__b_aG7.small__DfILt{height:32px}.button__b_aG7.medium__GjSVq{height:36px}.button__b_aG7.large__nA9Rz{height:48px;font-size:1rem}.button__b_aG7.xlarge__gKYRP{height:56px;font-size:1.125rem}.button__b_aG7.fullWidth__aAQf2{width:100%}.button__b_aG7.outline__dK5VZ{background-color:hsla(0,0%,100%,0)}.button__b_aG7.outline__dK5VZ.primary__taWj2{color:#0263e0}.button__b_aG7.outline__dK5VZ.primary__taWj2:hover,.button__b_aG7.outline__dK5VZ.primary__taWj2:focus{background-color:#ebf4ff}.button__b_aG7.outline__dK5VZ.success__yqu5P{color:#14b053}.button__b_aG7.outline__dK5VZ.success__yqu5P:hover,.button__b_aG7.outline__dK5VZ.success__yqu5P:focus{background-color:#edfdf3}.button__b_aG7.outline__dK5VZ.danger__spYej{color:#d61f1f}.button__b_aG7.outline__dK5VZ.danger__spYej:hover,.button__b_aG7.outline__dK5VZ.danger__spYej:focus{background-color:#feecec}.button__b_aG7.tabbed__gORui{border:0;font-weight:bold}.button__b_aG7.tabbed__gORui.primary__taWj2{color:#0263e0;background-color:#ebf4ff}.container__ERx4Y{display:flex;align-items:center}.fullWidth__aAQf2 .container__ERx4Y{justify-content:center}.container__ERx4Y svg:first-child:last-child{display:flex;box-sizing:unset}.iconLeft__uEZKt{margin-right:8px;display:flex;font-size:1.25rem;color:#172b4d}.primary__taWj2 .iconLeft__uEZKt,.success__yqu5P .iconLeft__uEZKt,.secondary__sMAVa .iconLeft__uEZKt,.danger__spYej .iconLeft__uEZKt{color:#fff}.iconLeft__uEZKt[role=progressbar]{justify-content:center;align-items:center;display:flex}.iconLeft__uEZKt[role=progressbar]>svg{width:100%}.iconRight__Me11g{margin-left:8px;display:flex;font-size:1.25rem;color:#172b4d}.primary__taWj2 .iconRight__Me11g,.success__yqu5P .iconRight__Me11g,.secondary__sMAVa .iconRight__Me11g,.danger__spYej .iconRight__Me11g{color:#fff}
7
+ .buttonGroup__csqOB{display:inline-flex;border:1px solid #a5adba;border-radius:4px;overflow:hidden;box-shadow:0 2px 2px -1px rgba(54,97,126,.3);background:#fff}.buttonGroup__csqOB.horizontal__LNsHy{flex-direction:row}.buttonGroup__csqOB.vertical__qhWZS{flex-direction:column}.buttonGroup__csqOB.fullWidth__gK2Y_{width:100%}.buttonGroup__csqOB.fullWidth__gK2Y_ .item___emuz{flex:1}.buttonGroup__csqOB.disabled__xo4RR{box-shadow:0 1px 1px 0 rgba(19,31,21,.1),inset 0 2px 0 0 hsla(0,0%,100%,.06)}.item___emuz{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-family:var(--font-family, "Inter", "Roboto", sans-serif);font-size:.875rem;font-weight:600;cursor:pointer;background:inherit;color:#172b4d;border:0;border-radius:0;transition:background-color 150ms ease,color 150ms ease;white-space:nowrap;position:relative;z-index:0}.item___emuz:focus{outline:none}.item___emuz:focus-visible{outline:2px solid #0263e0;outline-offset:-2px;z-index:1}.horizontal__LNsHy .item___emuz{border-right:1px solid #a5adba}.vertical__qhWZS .item___emuz{border-bottom:1px solid #a5adba}.horizontal__LNsHy .item___emuz.last__IhXgv{border-right:0}.vertical__qhWZS .item___emuz.last__IhXgv{border-bottom:0}.item___emuz.selected__Z3XLV{background-color:#f4f5f7}.item___emuz.disabled__xo4RR{background-color:#dfe1e6;color:#8993a4;cursor:not-allowed}.item___emuz.disabled__xo4RR.selected__Z3XLV{background-color:#c1c7d0}.item___emuz:not(.disabled__xo4RR):hover{background-color:#ebf4ff;color:#030b5d}.item___emuz:not(.disabled__xo4RR):active{background-color:#cce4ff}.item___emuz.onlyIcon__oh7FO{padding:0 8px}.item___emuz.small__z3vgN{height:32px;font-size:14px;font-weight:600;line-height:normal}.item___emuz.medium__ugAL9{height:36px}.item___emuz.large__xKxOn{height:48px;font-size:1rem}.item___emuz.xlarge__lciFp{height:56px;font-size:1.125rem}.buttonGroup__csqOB:not(.outline__Xog2I).primary__V5pn7{border-color:#0263e0}.buttonGroup__csqOB:not(.outline__Xog2I).primary__V5pn7 .item___emuz{background-color:#0263e0;color:#fff;border-color:hsla(0,0%,100%,.2)}.buttonGroup__csqOB:not(.outline__Xog2I).primary__V5pn7 .item___emuz:hover:not(.disabled__xo4RR){background-color:#043cb5}.buttonGroup__csqOB:not(.outline__Xog2I).primary__V5pn7 .item___emuz:active:not(.disabled__xo4RR){background-color:#043cb5}.buttonGroup__csqOB:not(.outline__Xog2I).primary__V5pn7 .item___emuz.selected__Z3XLV{background-color:#043cb5}.buttonGroup__csqOB:not(.outline__Xog2I).secondary__SubxC{border-color:#253858}.buttonGroup__csqOB:not(.outline__Xog2I).secondary__SubxC .item___emuz{background-color:#253858;color:#fff;border-color:hsla(0,0%,100%,.15)}.buttonGroup__csqOB:not(.outline__Xog2I).secondary__SubxC .item___emuz:hover:not(.disabled__xo4RR){background-color:#172b4d}.buttonGroup__csqOB:not(.outline__Xog2I).secondary__SubxC .item___emuz.selected__Z3XLV{background-color:#172b4d}.buttonGroup__csqOB:not(.outline__Xog2I).success__nKSS8{border-color:#14b053}.buttonGroup__csqOB:not(.outline__Xog2I).success__nKSS8 .item___emuz{background-color:#14b053;color:#fff;border-color:hsla(0,0%,100%,.2)}.buttonGroup__csqOB:not(.outline__Xog2I).success__nKSS8 .item___emuz:hover:not(.disabled__xo4RR){background-color:#0e7c3a}.buttonGroup__csqOB:not(.outline__Xog2I).success__nKSS8 .item___emuz.selected__Z3XLV{background-color:#0e7c3a}.buttonGroup__csqOB:not(.outline__Xog2I).danger__I0lcG{border-color:#d61f1f}.buttonGroup__csqOB:not(.outline__Xog2I).danger__I0lcG .item___emuz{background-color:#d61f1f;color:#fff;border-color:hsla(0,0%,100%,.2)}.buttonGroup__csqOB:not(.outline__Xog2I).danger__I0lcG .item___emuz:hover:not(.disabled__xo4RR){background-color:#ad1111}.buttonGroup__csqOB:not(.outline__Xog2I).danger__I0lcG .item___emuz.selected__Z3XLV{background-color:#ad1111}.buttonGroup__csqOB:not(.outline__Xog2I).subtle__EgItv{border-color:#dfe1e6}.buttonGroup__csqOB:not(.outline__Xog2I).subtle__EgItv .item___emuz{background-color:rgba(0,0,0,0);color:#42526e}.buttonGroup__csqOB:not(.outline__Xog2I).subtle__EgItv .item___emuz:hover:not(.disabled__xo4RR){background-color:rgba(9,30,66,.08)}.buttonGroup__csqOB:not(.outline__Xog2I).subtle__EgItv .item___emuz.selected__Z3XLV{background-color:rgba(9,30,66,.12)}.buttonGroup__csqOB.outline__Xog2I{background:rgba(0,0,0,0)}.buttonGroup__csqOB.outline__Xog2I.primary__V5pn7{border-color:#0263e0}.buttonGroup__csqOB.outline__Xog2I.primary__V5pn7 .item___emuz{color:#0263e0;border-color:rgba(2,99,224,.3)}.buttonGroup__csqOB.outline__Xog2I.primary__V5pn7 .item___emuz:hover:not(.disabled__xo4RR){background-color:#ebf4ff}.buttonGroup__csqOB.outline__Xog2I.primary__V5pn7 .item___emuz.selected__Z3XLV{background-color:#cce4ff;color:#043cb5}.buttonGroup__csqOB.outline__Xog2I.secondary__SubxC{border-color:#253858}.buttonGroup__csqOB.outline__Xog2I.secondary__SubxC .item___emuz{color:#253858;border-color:rgba(37,56,88,.3)}.buttonGroup__csqOB.outline__Xog2I.secondary__SubxC .item___emuz:hover:not(.disabled__xo4RR){background-color:#f4f5f7}.buttonGroup__csqOB.outline__Xog2I.secondary__SubxC .item___emuz.selected__Z3XLV{background-color:#dfe1e6;color:#172b4d}.buttonGroup__csqOB.outline__Xog2I.success__nKSS8{border-color:#14b053}.buttonGroup__csqOB.outline__Xog2I.success__nKSS8 .item___emuz{color:#14b053;border-color:rgba(20,176,83,.3)}.buttonGroup__csqOB.outline__Xog2I.success__nKSS8 .item___emuz:hover:not(.disabled__xo4RR){background-color:#edfdf3}.buttonGroup__csqOB.outline__Xog2I.success__nKSS8 .item___emuz.selected__Z3XLV{background-color:#d1fae0;color:#0e7c3a}.buttonGroup__csqOB.outline__Xog2I.danger__I0lcG{border-color:#d61f1f}.buttonGroup__csqOB.outline__Xog2I.danger__I0lcG .item___emuz{color:#d61f1f;border-color:rgba(214,31,31,.3)}.buttonGroup__csqOB.outline__Xog2I.danger__I0lcG .item___emuz:hover:not(.disabled__xo4RR){background-color:#feecec}.buttonGroup__csqOB.outline__Xog2I.danger__I0lcG .item___emuz.selected__Z3XLV{background-color:#fccfcf;color:#ad1111}.buttonGroup__csqOB.outline__Xog2I.subtle__EgItv{border-color:#dfe1e6}.buttonGroup__csqOB.outline__Xog2I.subtle__EgItv .item___emuz{color:#42526e}.buttonGroup__csqOB.outline__Xog2I.subtle__EgItv .item___emuz:hover:not(.disabled__xo4RR){background-color:rgba(9,30,66,.06)}.buttonGroup__csqOB.outline__Xog2I.subtle__EgItv .item___emuz.selected__Z3XLV{background-color:rgba(9,30,66,.12)}.iconStart__TH2ni{display:flex;align-items:center;font-size:1.25rem}.iconEnd__XILMx{display:flex;align-items:center;font-size:1.25rem}.label__YTxCk{display:flex;align-items:center}
7
8
  .breadcrumbs__TbsJ1{list-style-type:none;display:flex;align-items:center;color:#5e6c84;padding:0;margin:0}.separator___NiiE{margin:0 6px}.item__yNjmd{font-family:var(--font-family, "Inter", "Roboto", sans-serif);text-transform:uppercase;font-size:14px;font-weight:700;color:#0263e0}.item__yNjmd a{color:inherit;text-decoration:none}.itemCurrent__fwHhk{text-transform:uppercase;color:#5e6c84}
8
9
  .react-calendar {
9
10
  width: 350px;