@foris/avocado-suite 0.4.0 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._breadcrumbs_1x8rf_1{display:block}._breadcrumbs_list_1x8rf_4{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;list-style:none}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11{align-items:center;display:inline-flex}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_label_1x8rf_15{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-neutral-50);font-weight:400;align-items:center;display:flex;line-height:.875rem}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_label_1x8rf_15:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 3px var(--color-neutral-00),0 0 0 5px var(--color-info-30)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_separator_1x8rf_29{fill:var(--color-neutral-50)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_separator_1x8rf_29 path{fill:inherit}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15{color:var(--color-neutral-90)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38{fill:var(--color-neutral-90)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38 path{fill:inherit}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11:hover:not(._breadcrumbItem__active_1x8rf_35) ._breadcrumbItem_label_1x8rf_15{color:var(--color-primary-50);cursor:pointer}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_label_1x8rf_15{color:var(--color-gray-50)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_label_1x8rf_15:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 3px var(--color-gray-90),0 0 0 5px var(--color-info-30)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_separator_1x8rf_29{fill:var(--color-gray-50)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15{color:var(--color-gray-00)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38{fill:var(--color-gray-00)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11:hover:not(._breadcrumbItem__active_1x8rf_35) ._breadcrumbItem_label_1x8rf_15{color:var(--color-brand-50)}._button_u4n36_1{background-color:var(--color-primary-50);border:1px solid var(--color-primary-50);border-radius:.25rem;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-00);font-weight:700;cursor:pointer;fill:var(--color-neutral-00);gap:.5rem;min-height:36px;min-width:120px;outline:none;padding:.5rem 1rem}._button_u4n36_1:hover,._button_u4n36_1:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-primary-50),var(--color-primary-50))}._button_u4n36_1:disabled{background:var(--color-neutral-10);color:var(--color-neutral-50);cursor:no-drop}._button_icon_u4n36_28{fill:inherit}._button_icon_u4n36_28 path{fill:inherit}._button_u4n36_1._button__secondary_u4n36_34{background-color:var(--color-primary-10);border:1px solid var(--color-primary-10);border-radius:.25rem;color:var(--color-neutral-70);fill:var(--color-neutral-70)}._button_u4n36_1._button__secondary_u4n36_34:hover,._button_u4n36_1._button__secondary_u4n36_34:active{background:linear-gradient(0deg,#0000001a,#0000001a),linear-gradient(0deg,var(--color-primary-10),var(--color-primary-10))}._button_u4n36_1._button__secondary_u4n36_34:disabled{background:transparent;border:1px solid var(--color-neutral-50);color:var(--color-neutral-50)}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49{background:var(--color-primary-20)}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:hover,._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-primary-20),var(--color-primary-20))}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:disabled{background:transparent}._button_u4n36_1._button__ghost_u4n36_58{background-color:transparent;border:1px solid var(--color-transparent);border-radius:.25rem;color:var(--color-neutral-70);fill:var(--color-neutral-70)}._button_u4n36_1._button__ghost_u4n36_58:hover,._button_u4n36_1._button__ghost_u4n36_58:active{background:var(--color-neutral-10)}._button_u4n36_1._button__ghost_u4n36_58:disabled{background:transparent;color:var(--color-neutral-50)}._button_u4n36_1._button__danger_u4n36_72{background-color:var(--color-error-50);border:1px solid var(--color-error-50);border-radius:.25rem;color:var(--color-neutral-00);fill:var(--color-neutral-00)}._button_u4n36_1._button__danger_u4n36_72:hover,._button_u4n36_1._button__danger_u4n36_72:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-error-50),var(--color-error-50))}._button_u4n36_1._button__danger_u4n36_72:disabled{background:transparent;border:1px solid var(--color-neutral-50);color:var(--color-neutral-50)}@media (max-width: 992px){._button_u4n36_1{font-size:1rem;min-height:48px;padding:.75rem 1rem}}._box_ykuuf_1{background-color:transparent;border:1px solid var(--color-neutral-30);border-radius:.5rem;flex:1;min-height:148px;outline:none;padding:1.5rem 1rem}._card_1v97k_1{background-color:var(--color-neutral-00);border:none;border-radius:.5rem;box-shadow:0 1px 2px 1px #00000014,0 1px 6px #0003;display:grid;grid-template-columns:2px auto;grid-template-rows:100%;min-height:48px}._card_icon_1v97k_11{display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:1.5rem;color:var(--color-foris-white);font-weight:400;background:var(--color-neutral-10);border-radius:.25rem 0 0 .25rem;width:6px}._card_content_1v97k_23{padding:1rem}._card_1v97k_1._card__clickable_1v97k_26{cursor:pointer}._card_1v97k_1._card__clickable_1v97k_26:hover{box-shadow:0 0 3px 1px #1b1c1d33}._card_1v97k_1._card__clickable_1v97k_26:active{box-shadow:0 0 4px 1px #1b1c1d26}._card_1v97k_1._card__disabled_1v97k_35{box-shadow:none;cursor:not-allowed;background:linear-gradient(0deg,var(--State-opacity-background-disabled, rgba(203, 213, 225, .1)) 0%,var(--State-opacity-background-disabled, rgba(203, 213, 225, .1)) 100%),var(--color-neutral-00);border:1px solid var(--color-neutral-10)}._card_1v97k_1._card__disabled_1v97k_35.__icon_1v97k_41,._card_1v97k_1._card__disabled_1v97k_35 ._card_icon_1v97k_11{background:none}._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35{background:none;border:1px solid var(--color-neutral-10);box-shadow:none;cursor:not-allowed}._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35.__icon_1v97k_41,._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35 ._card_icon_1v97k_11{background:none}._heading_ws6r8_1._heading__1_ws6r8_1{font-family:Roboto,sans-serif;font-size:1.75rem;color:var(--color-neutral-90);font-weight:500;line-height:1.875rem}._heading_ws6r8_1._heading__2_ws6r8_8{font-family:Roboto,sans-serif;font-size:1.375rem;color:var(--color-neutral-90);font-weight:500;line-height:1.5rem}._heading_ws6r8_1._heading__3_ws6r8_15{font-family:Roboto,sans-serif;font-size:1rem;color:var(--color-neutral-90);font-weight:500;line-height:1.125rem}._heading_ws6r8_1._heading__4_ws6r8_22{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:500;line-height:.875rem}._heading_ws6r8_1._heading__darkMode_ws6r8_29{color:var(--color-gray-00)}._text_4ha5d_1._text__lg_4ha5d_1{font-family:Roboto,sans-serif;font-size:1rem;color:var(--color-neutral-90);font-weight:400}._text_4ha5d_1._text__md_4ha5d_7{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;line-height:1rem}._text_4ha5d_1._text__sm_4ha5d_14{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-neutral-90);font-weight:400;line-height:.875rem}._text_4ha5d_1._text__xs_4ha5d_21{font-family:Roboto,sans-serif;font-size:.625rem;color:var(--color-neutral-90);font-weight:400;line-height:.75rem}._text_4ha5d_1._text__medium_4ha5d_28{font-weight:500}._text_4ha5d_1._text__darkMode_4ha5d_31{color:var(--color-gray-00)}._componentCheck_c0e1g_1._componentCheck__disabled_c0e1g_1 ._label_c0e1g_1{color:var(--color-neutral-50)}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_c0e1g_1{font-family:Roboto,sans-serif;color:var(--color-gray-05);font-weight:400}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:hover{background-color:var(--color-neutral-10);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:disabled{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:after{content:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.50007 6.74248C3.10907 7.13348 2.47607 7.13348 2.08607 6.74248L0.550068 5.20748C0.160068 4.81648 0.160068 4.18348 0.550068 3.79248C0.941068 3.40248 1.57407 3.40248 1.96407 3.79248L2.79307 4.62148L6.15707 1.25748C6.54707 0.866483 7.18007 0.866483 7.57107 1.25748C7.96207 1.64748 7.96207 2.28048 7.57107 2.67148L3.50007 6.74248Z" fill="%23313D49"/></svg>')}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4._componentCheck__disabled_c0e1g_1 ._label_c0e1g_1{color:var(--color-neutral-50)}._componentCheck_c0e1g_1 ._label_c0e1g_1{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;display:flex;justify-content:center;align-items:center}._componentCheck_c0e1g_1 ._label_left_c0e1g_33{padding:0 .5rem 0 0;width:calc(100% - 16px)}._componentCheck_c0e1g_1 ._label_right_c0e1g_37{padding:0 0 0 .5rem;width:calc(100% - 16px)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]{background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-50);border-radius:2px;height:16px;width:16px;pointer-events:fill;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked{background-color:var(--color-neutral-70);border:1px solid var(--color-neutral-70)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:hover{background-color:var(--color-primary-60);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:disabled{background-color:var(--color-neutral-30);border:1px solid var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:hover{background-color:var(--color-neutral-10);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:disabled{background:var(--color-neutral-10);border:1px solid var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #507aaf}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:after{content:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.50007 6.74248C3.10907 7.13348 2.47607 7.13348 2.08607 6.74248L0.550068 5.20748C0.160068 4.81648 0.160068 4.18348 0.550068 3.79248C0.941068 3.40248 1.57407 3.40248 1.96407 3.79248L2.79307 4.62148L6.15707 1.25748C6.54707 0.866483 7.18007 0.866483 7.57107 1.25748C7.96207 1.64748 7.96207 2.28048 7.57107 2.67148L3.50007 6.74248Z" fill="white"/></svg>');display:none;position:relative;left:3px;top:-1px}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:after{display:block}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:disabled:after{border-color:#fff}
1
+ ._breadcrumbs_1x8rf_1{display:block}._breadcrumbs_list_1x8rf_4{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;list-style:none}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11{align-items:center;display:inline-flex}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_label_1x8rf_15{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-neutral-50);font-weight:400;align-items:center;display:flex;line-height:.875rem}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_label_1x8rf_15:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 3px var(--color-neutral-00),0 0 0 5px var(--color-info-30)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_separator_1x8rf_29{fill:var(--color-neutral-50)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_separator_1x8rf_29 path{fill:inherit}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15{color:var(--color-neutral-90)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38{fill:var(--color-neutral-90)}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38 path{fill:inherit}._breadcrumbs_list_1x8rf_4 ._breadcrumbItem_1x8rf_11:hover:not(._breadcrumbItem__active_1x8rf_35) ._breadcrumbItem_label_1x8rf_15{color:var(--color-primary-50);cursor:pointer}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_label_1x8rf_15{color:var(--color-gray-50)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_label_1x8rf_15:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 3px var(--color-gray-90),0 0 0 5px var(--color-info-30)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11 ._breadcrumbItem_separator_1x8rf_29{fill:var(--color-gray-50)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15{color:var(--color-gray-00)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11._breadcrumbItem__active_1x8rf_35 ._breadcrumbItem_label_1x8rf_15 ._labelIcon_1x8rf_38{fill:var(--color-gray-00)}._breadcrumbs_1x8rf_1._breadcrumbs__darkMode_1x8rf_48 ._breadcrumbs_list_1x8rf_4>._breadcrumbItem_1x8rf_11:hover:not(._breadcrumbItem__active_1x8rf_35) ._breadcrumbItem_label_1x8rf_15{color:var(--color-brand-50)}._button_u4n36_1{background-color:var(--color-primary-50);border:1px solid var(--color-primary-50);border-radius:.25rem;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-00);font-weight:700;cursor:pointer;fill:var(--color-neutral-00);gap:.5rem;min-height:36px;min-width:120px;outline:none;padding:.5rem 1rem}._button_u4n36_1:hover,._button_u4n36_1:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-primary-50),var(--color-primary-50))}._button_u4n36_1:disabled{background:var(--color-neutral-10);color:var(--color-neutral-50);cursor:no-drop}._button_icon_u4n36_28{fill:inherit}._button_icon_u4n36_28 path{fill:inherit}._button_u4n36_1._button__secondary_u4n36_34{background-color:var(--color-primary-10);border:1px solid var(--color-primary-10);border-radius:.25rem;color:var(--color-neutral-70);fill:var(--color-neutral-70)}._button_u4n36_1._button__secondary_u4n36_34:hover,._button_u4n36_1._button__secondary_u4n36_34:active{background:linear-gradient(0deg,#0000001a,#0000001a),linear-gradient(0deg,var(--color-primary-10),var(--color-primary-10))}._button_u4n36_1._button__secondary_u4n36_34:disabled{background:transparent;border:1px solid var(--color-neutral-50);color:var(--color-neutral-50)}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49{background:var(--color-primary-20)}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:hover,._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-primary-20),var(--color-primary-20))}._button_u4n36_1._button__secondary_u4n36_34._button__darkMode_u4n36_49:disabled{background:transparent}._button_u4n36_1._button__ghost_u4n36_58{background-color:transparent;border:1px solid var(--color-transparent);border-radius:.25rem;color:var(--color-neutral-70);fill:var(--color-neutral-70)}._button_u4n36_1._button__ghost_u4n36_58:hover,._button_u4n36_1._button__ghost_u4n36_58:active{background:var(--color-neutral-10)}._button_u4n36_1._button__ghost_u4n36_58:disabled{background:transparent;color:var(--color-neutral-50)}._button_u4n36_1._button__danger_u4n36_72{background-color:var(--color-error-50);border:1px solid var(--color-error-50);border-radius:.25rem;color:var(--color-neutral-00);fill:var(--color-neutral-00)}._button_u4n36_1._button__danger_u4n36_72:hover,._button_u4n36_1._button__danger_u4n36_72:active{background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,var(--color-error-50),var(--color-error-50))}._button_u4n36_1._button__danger_u4n36_72:disabled{background:transparent;border:1px solid var(--color-neutral-50);color:var(--color-neutral-50)}@media (max-width: 992px){._button_u4n36_1{font-size:1rem;min-height:48px;padding:.75rem 1rem}}._box_ykuuf_1{background-color:transparent;border:1px solid var(--color-neutral-30);border-radius:.5rem;flex:1;min-height:148px;outline:none;padding:1.5rem 1rem}._card_1v97k_1{background-color:var(--color-neutral-00);border:none;border-radius:.5rem;box-shadow:0 1px 2px 1px #00000014,0 1px 6px #0003;display:grid;grid-template-columns:2px auto;grid-template-rows:100%;min-height:48px}._card_icon_1v97k_11{display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:1.5rem;color:var(--color-foris-white);font-weight:400;background:var(--color-neutral-10);border-radius:.25rem 0 0 .25rem;width:6px}._card_content_1v97k_23{padding:1rem}._card_1v97k_1._card__clickable_1v97k_26{cursor:pointer}._card_1v97k_1._card__clickable_1v97k_26:hover{box-shadow:0 0 3px 1px #1b1c1d33}._card_1v97k_1._card__clickable_1v97k_26:active{box-shadow:0 0 4px 1px #1b1c1d26}._card_1v97k_1._card__disabled_1v97k_35{box-shadow:none;cursor:not-allowed;background:linear-gradient(0deg,var(--State-opacity-background-disabled, rgba(203, 213, 225, .1)) 0%,var(--State-opacity-background-disabled, rgba(203, 213, 225, .1)) 100%),var(--color-neutral-00);border:1px solid var(--color-neutral-10)}._card_1v97k_1._card__disabled_1v97k_35.__icon_1v97k_41,._card_1v97k_1._card__disabled_1v97k_35 ._card_icon_1v97k_11{background:none}._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35{background:none;border:1px solid var(--color-neutral-10);box-shadow:none;cursor:not-allowed}._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35.__icon_1v97k_41,._card_1v97k_1._card__darkMode_1v97k_44._card__disabled_1v97k_35 ._card_icon_1v97k_11{background:none}._heading_ws6r8_1._heading__1_ws6r8_1{font-family:Roboto,sans-serif;font-size:1.75rem;color:var(--color-neutral-90);font-weight:500;line-height:1.875rem}._heading_ws6r8_1._heading__2_ws6r8_8{font-family:Roboto,sans-serif;font-size:1.375rem;color:var(--color-neutral-90);font-weight:500;line-height:1.5rem}._heading_ws6r8_1._heading__3_ws6r8_15{font-family:Roboto,sans-serif;font-size:1rem;color:var(--color-neutral-90);font-weight:500;line-height:1.125rem}._heading_ws6r8_1._heading__4_ws6r8_22{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:500;line-height:.875rem}._heading_ws6r8_1._heading__darkMode_ws6r8_29{color:var(--color-gray-00)}._text_4ha5d_1._text__lg_4ha5d_1{font-family:Roboto,sans-serif;font-size:1rem;color:var(--color-neutral-90);font-weight:400}._text_4ha5d_1._text__md_4ha5d_7{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;line-height:1rem}._text_4ha5d_1._text__sm_4ha5d_14{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-neutral-90);font-weight:400;line-height:.875rem}._text_4ha5d_1._text__xs_4ha5d_21{font-family:Roboto,sans-serif;font-size:.625rem;color:var(--color-neutral-90);font-weight:400;line-height:.75rem}._text_4ha5d_1._text__medium_4ha5d_28{font-weight:500}._text_4ha5d_1._text__darkMode_4ha5d_31{color:var(--color-gray-00)}._componentCheck_c0e1g_1._componentCheck__disabled_c0e1g_1 ._label_c0e1g_1{color:var(--color-neutral-50)}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_c0e1g_1{font-family:Roboto,sans-serif;color:var(--color-gray-05);font-weight:400}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:hover{background-color:var(--color-neutral-10);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:disabled{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4 ._label_checkbox_c0e1g_9[type=checkbox]:after{content:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.50007 6.74248C3.10907 7.13348 2.47607 7.13348 2.08607 6.74248L0.550068 5.20748C0.160068 4.81648 0.160068 4.18348 0.550068 3.79248C0.941068 3.40248 1.57407 3.40248 1.96407 3.79248L2.79307 4.62148L6.15707 1.25748C6.54707 0.866483 7.18007 0.866483 7.57107 1.25748C7.96207 1.64748 7.96207 2.28048 7.57107 2.67148L3.50007 6.74248Z" fill="%23313D49"/></svg>')}._componentCheck_c0e1g_1._componentCheck__darkMode_c0e1g_4._componentCheck__disabled_c0e1g_1 ._label_c0e1g_1{color:var(--color-neutral-50)}._componentCheck_c0e1g_1 ._label_c0e1g_1{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;display:flex;justify-content:center;align-items:center}._componentCheck_c0e1g_1 ._label_left_c0e1g_33{padding:0 .5rem 0 0;width:calc(100% - 16px)}._componentCheck_c0e1g_1 ._label_right_c0e1g_37{padding:0 0 0 .5rem;width:calc(100% - 16px)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]{background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-50);border-radius:2px;height:16px;width:16px;pointer-events:fill;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked{background-color:var(--color-neutral-70);border:1px solid var(--color-neutral-70)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:hover{background-color:var(--color-primary-60);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:disabled{background-color:var(--color-neutral-30);border:1px solid var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:hover{background-color:var(--color-neutral-10);border-color:var(--color-primary-60)}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:disabled{background:var(--color-neutral-10);border:1px solid var(--color-neutral-30);pointer-events:none}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #507aaf}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:after{content:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.50007 6.74248C3.10907 7.13348 2.47607 7.13348 2.08607 6.74248L0.550068 5.20748C0.160068 4.81648 0.160068 4.18348 0.550068 3.79248C0.941068 3.40248 1.57407 3.40248 1.96407 3.79248L2.79307 4.62148L6.15707 1.25748C6.54707 0.866483 7.18007 0.866483 7.57107 1.25748C7.96207 1.64748 7.96207 2.28048 7.57107 2.67148L3.50007 6.74248Z" fill="white"/></svg>');display:none;position:relative;left:3px;top:-1px}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:checked:after{display:block}._componentCheck_c0e1g_1 ._label_checkbox_c0e1g_9[type=checkbox]:disabled:after{border-color:#fff}._paginator_1f621_1 ._navPager_1f621_1{display:flex;justify-content:"center";align-items:center}._paginator_1f621_1 ._navPager_button_1f621_6{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-80);font-weight:500;align-items:center;background:var(--color-neutral-00);border-color:var(--color-neutral-10);border-style:solid;border-width:1px 1px 1px 0;cursor:pointer;display:flex;height:36px;justify-content:center;outline:none;width:36px}._paginator_1f621_1 ._navPager_button_1f621_6:first-of-type{border-radius:8px 0 0 8px;border-top:1px solid var(--color-neutral-10);border-bottom:1px solid var(--color-neutral-10);border-left:1px solid var(--color-neutral-10)}._paginator_1f621_1 ._navPager_button_1f621_6:last-of-type{border-radius:0 8px 8px 0;border-top:1px solid var(--color-neutral-10);border-right:1px solid var(--color-neutral-10);border-bottom:1px solid var(--color-neutral-10)}._paginator_1f621_1 ._navPager_button_1f621_6:hover{background:var(--color-neutral-10);color:var(--color-neutral-80)}._paginator_1f621_1 ._navPager_button_1f621_6:disabled{color:var(--color-neutral-30);pointer-events:none}._paginator_1f621_1 ._navPager_button_1f621_6:active{background:var(--color-neutral-70);color:var(--color-neutral-00)}._paginator_1f621_1 ._navPager_button_1f621_6 ._icon_1f621_47{width:10px;color:#1b1c1d}._paginator_1f621_1 ._navPager_button_1f621_6 ._icon__disabled_1f621_51{color:#96979e}._paginator_1f621_1 ._navPager_button_1f621_6._navPager_button__active_1f621_54{background:var(--color-neutral-70);color:var(--color-neutral-00);border:1px solid var(--color-neutral-70)}._paginator_1f621_1 ._navPager_button_1f621_6._navPager_button__block_1f621_59{pointer-events:none}._paginator_1f621_1 ._navPager_button_1f621_6:focus{outline:2px solid #507aaf;border-radius:4px;z-index:1}._radio_9b2ek_1{display:flex;align-items:flex-end}._radio_9b2ek_1 ._label_9b2ek_5{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;display:flex;justify-content:center;align-items:center;position:relative}._radio_9b2ek_1 ._label_left_9b2ek_15{padding:0 .5rem 0 0}._radio_9b2ek_1 ._label_right_9b2ek_18{padding:0 0 0 .5rem}._radio_9b2ek_1 ._label_radio_9b2ek_21{cursor:pointer;height:0;opacity:0;width:0}._radio_9b2ek_1 ._label_radio_9b2ek_21:checked~._label_button_9b2ek_27{background-color:var(--color-neutral-70);border:1px solid var(--color-neutral-70)}._radio_9b2ek_1 ._label_radio_9b2ek_21:checked:enabled~._label_button_9b2ek_27:hover{border:1px solid var(--color-primary-60);background-color:var(--color-primary-60)}._radio_9b2ek_1 ._label_radio_9b2ek_21:checked~._label_button_9b2ek_27:after{display:block;background-color:#fff}._radio_9b2ek_1 ._label_radio_9b2ek_21:disabled~._label_button_9b2ek_27{background-color:var(--color-neutral-10);border:1px solid var(--color-neutral-30);cursor:no-drop}._radio_9b2ek_1 ._label_radio_9b2ek_21:checked:disabled~._label_button_9b2ek_27{background-color:var(--color-neutral-30)}._radio_9b2ek_1 ._label_radio_9b2ek_21:focus-visible~._label_button_9b2ek_27{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #507aaf}._radio_9b2ek_1 ._label_button_9b2ek_27{height:16px;width:16px;background-color:var(--color-neutral-00);border:1px solid var(--color-neutral-50);border-radius:50%;position:relative;cursor:pointer}._radio_9b2ek_1 ._label_button_9b2ek_27:hover{border:1px solid var(--color-primary-60);background-color:var(--color-neutral-10)}._radio_9b2ek_1 ._label_button_9b2ek_27:after{content:"";position:absolute;display:none;left:29%;top:29%;width:6px;height:6px;background-color:var(--color-neutral-00)!important;border-radius:50%}._radio_9b2ek_1 ._label_9b2ek_5._label__disabled_9b2ek_75{color:var(--color-neutral-50)}._radio_9b2ek_1._radio__darkMode_9b2ek_78 ._label_9b2ek_5{color:var(--color-neutral-85)}._radio_9b2ek_1._radio__darkMode_9b2ek_78 ._label_9b2ek_5._label__disabled_9b2ek_75{color:var(--color-neutral-50)}.select{width:100%}.select.select__error .reactSelect__control{border-color:var(--color-error-50)}.select.select__error .reactSelect__control:hover{border-color:#e33932}.select_label{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-neutral-90);font-weight:700;display:block;margin:0 0 .25rem}.select .errorIndicator{align-items:center;display:flex;gap:.25rem;margin:.5rem 0 0}.select .errorIndicator_message{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--color-error-50);font-weight:400;line-height:1rem}.select .buttonDropdownIndicator{transition:.3s transform}.select .buttonDropdownIndicator.buttonDropdownIndicator__open{transform:rotate(180deg)}.select .reactSelect__single-value{color:var(--color-neutral-90)}.select .reactSelect__control{background-color:var(--color-neutral-00);border-color:var(--color-neutral-30);min-height:36px}.select .reactSelect__control:hover{border-color:#507aaf}.select .reactSelect__control.reactSelect__control--is-focused{box-shadow:none}.select .reactSelect__control.reactSelect__control--is-disabled{background-color:var(--color-neutral-10);color:var(--color-neutral-50)}.select .reactSelect__control.reactSelect__control--is-disabled .reactSelect__indicator{color:var(--color-neutral-50)}.select .reactSelect__value-container{padding:0 .5rem}.select .reactSelect__input-container{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400}.select .reactSelect__placeholder{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-50);font-weight:400;margin:0}.select .reactSelect__indicator{color:var(--color-neutral-90)}.select .reactSelect__indicator-separator{display:none}.select .reactSelect__menu{border-radius:.25rem;border:1px solid var(--color-neutral-50);box-shadow:none;margin:.25rem 0 0}.select .reactSelect__menu-list{padding:0}.select .reactSelect__option{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--color-neutral-90);font-weight:400;align-items:center;background-color:var(--color-neutral-00);border-bottom:1px solid var(--color-neutral-30);cursor:pointer;display:flex;min-height:32px;padding:0 .5rem}.select .reactSelect__option:first-of-type{border-radius:.188rem .188rem 0 0}.select .reactSelect__option:last-of-type{border-radius:0 0 .188rem .188rem;border-bottom:none}.select .reactSelect__option:hover{background-color:var(--color-neutral-10)}.select .reactSelect__option:active,.select .reactSelect__option.reactSelect__option--is-selected{background-color:var(--color-primary-50);color:var(--color-neutral-00)}.select .reactSelect__option.reactSelect__option--is-disabled{background-color:var(--color-neutral-10);color:var(--color-neutral-50);pointer-events:none}@media (max-width: 992px){.select .reactSelect__control,.select .reactSelect__option{min-height:48px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foris/avocado-suite",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -20,8 +20,10 @@
20
20
  "dependencies": {
21
21
  "react": "18.2.0",
22
22
  "react-dom": "18.2.0",
23
- "@foris/avocado-core": "0.1.1",
24
- "@foris/avocado-icons": "1.1.1"
23
+ "react-select": "5.8.0",
24
+ "react-select-async-paginate": "0.7.3",
25
+ "@foris/avocado-core": "0.2.0",
26
+ "@foris/avocado-icons": "1.2.0"
25
27
  },
26
28
  "devDependencies": {
27
29
  "@testing-library/jest-dom": "6.4.0",
@@ -43,6 +45,10 @@
43
45
  "vitest": "1.2.2",
44
46
  "@foris/tsconfig": "0.0.1"
45
47
  },
48
+ "peerDependencies": {
49
+ "react-select": "5.8.0",
50
+ "react-select-async-paginate": "0.7.3"
51
+ },
46
52
  "scripts": {
47
53
  "build": "tsc && vite build",
48
54
  "test": "vitest run",