@foris/avocado-suite 0.0.1 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. package/dist/avocado-suite/src/components/box/Box.d.ts +9 -0
  2. package/dist/avocado-suite/src/components/box/Box.test.d.ts +0 -0
  3. package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.d.ts +19 -0
  4. package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.test.d.ts +0 -0
  5. package/dist/{components → avocado-suite/src/components}/button/Button.d.ts +6 -4
  6. package/dist/avocado-suite/src/components/button/Button.test.d.ts +0 -0
  7. package/dist/avocado-suite/src/components/card/Card.d.ts +13 -0
  8. package/dist/avocado-suite/src/components/card/Card.test.d.ts +0 -0
  9. package/dist/avocado-suite/src/components/checkbox/Checkbox.d.ts +16 -0
  10. package/dist/avocado-suite/src/components/checkbox/Checkbox.test.d.ts +0 -0
  11. package/dist/avocado-suite/src/components/heading/Heading.d.ts +13 -0
  12. package/dist/avocado-suite/src/components/heading/Heading.test.d.ts +0 -0
  13. package/dist/avocado-suite/src/components/text/Text.d.ts +15 -0
  14. package/dist/avocado-suite/src/components/text/Text.test.d.ts +0 -0
  15. package/dist/avocado-suite/src/constants/theme.constants.d.ts +3 -0
  16. package/dist/avocado-suite/src/contexts/theme/ThemeProvider.d.ts +13 -0
  17. package/dist/avocado-suite/src/hooks/useTheme.d.ts +3 -0
  18. package/dist/avocado-suite/src/index.d.ts +9 -0
  19. package/dist/avocado-suite/src/types/theme.types.d.ts +4 -0
  20. package/dist/avocado-suite.es.js +1182 -396
  21. package/dist/avocado-suite.umd.js +402 -11
  22. package/dist/index.d.ts +1 -2
  23. package/dist/style.css +1 -1
  24. package/package.json +18 -7
package/dist/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- import Button from './components/button/Button';
2
- export { Button };
1
+ export * from './avocado-suite/src/index'
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._button_1npli_1{background:#507aaf;border:1px solid transparent;border-radius:.25rem;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:.875rem;color:#fff;font-weight:700;cursor:pointer;min-height:36px;outline:none;padding:.5rem 1rem}._button_1npli_1:hover{background:#376197}._button_1npli_1:active{background:#294870}._button_1npli_1:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #507aaf}._button_1npli_1:disabled{background:#efeff0;color:#96979e;cursor:no-drop}._button_1npli_1._button__outline_1npli_32{background:#ffffff;border:1px solid #507aaf;border-radius:.25rem;color:#376197}._button_1npli_1._button__outline_1npli_32:hover{background:#f4f5f6}._button_1npli_1._button__outline_1npli_32:active{background:#dedfe2}._button_1npli_1._button__outline_1npli_32:disabled{border:1px solid #96979e;color:#96979e}._button_1npli_1._button__ghost_1npli_48{background:transparent;border:1px solid transparent;border-radius:.25rem;color:#507aaf}._button_1npli_1._button__ghost_1npli_48:hover{background:#f4f5f6}._button_1npli_1._button__ghost_1npli_48:active{background:#dedfe2}._button_1npli_1._button__ghost_1npli_48:disabled{color:#96979e}._button_1npli_1._button__danger_1npli_63{background:#ff5f58;border:1px solid transparent;border-radius:.25rem;color:#fff}._button_1npli_1._button__danger_1npli_63:hover{background:#e33932}._button_1npli_1._button__danger_1npli_63:active{background:#bc271c}._button_1npli_1._button__danger_1npli_63:disabled{background:#efeff0;color:#96979e;cursor:no-drop}._button_1npli_1._button__danger_1npli_63._button__outline_1npli_32{background:#ffffff;border:1px solid #ff5f58;border-radius:.25rem;color:#e33932}._button_1npli_1._button__danger_1npli_63._button__outline_1npli_32:hover{background:#f4f5f6}._button_1npli_1._button__danger_1npli_63._button__outline_1npli_32:active{background:#dedfe2}._button_1npli_1._button__danger_1npli_63._button__outline_1npli_32:disabled{border:1px solid #96979e;color:#96979e}._button_1npli_1._button__danger_1npli_63._button__ghost_1npli_48{background:transparent;border:1px solid transparent;border-radius:.25rem;color:#ff5f58}._button_1npli_1._button__danger_1npli_63._button__ghost_1npli_48:hover{background:#f4f5f6}._button_1npli_1._button__danger_1npli_63._button__ghost_1npli_48:active{background:#dedfe2}._button_1npli_1._button__danger_1npli_63._button__ghost_1npli_48:disabled{color:#96979e}@media (max-width: 992px){._button_1npli_1{font-size:1.125rem;min-height:48px;padding:.75rem 1rem}}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foris/avocado-suite",
3
- "version": "0.0.1",
3
+ "version": "0.2.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -20,22 +20,33 @@
20
20
  "dependencies": {
21
21
  "react": "18.2.0",
22
22
  "react-dom": "18.2.0",
23
- "@foris/avocado-core": "0.0.4"
23
+ "@foris/avocado-core": "0.1.1",
24
+ "@foris/avocado-icons": "1.0.0"
24
25
  },
25
26
  "devDependencies": {
27
+ "@testing-library/jest-dom": "6.4.0",
28
+ "@testing-library/react": "14.2.0",
29
+ "@testing-library/user-event": "14.5.2",
26
30
  "@types/node": "20.2.5",
27
31
  "@types/react": "18.0.28",
28
32
  "@types/react-dom": "18.0.11",
29
- "@vitejs/plugin-react-swc": "3.0.0",
33
+ "@types/testing-library__jest-dom": "6.0.0",
34
+ "@vitejs/plugin-react-swc": "3.5.0",
35
+ "@vitest/coverage-v8": "1.2.2",
36
+ "@vitest/ui": "1.2.2",
30
37
  "classnames": "2.3.2",
38
+ "jsdom": "24.0.0",
31
39
  "sass": "1.62.1",
32
40
  "typescript": "5.1.3",
33
- "vite": "4.3.2",
34
- "vite-plugin-dts": "2.3.0",
41
+ "vite": "5.0.12",
42
+ "vite-plugin-dts": "3.7.1",
43
+ "vitest": "1.2.2",
35
44
  "@foris/tsconfig": "0.0.1"
36
45
  },
37
46
  "scripts": {
38
- "dev": "vite",
39
- "build": "tsc && vite build"
47
+ "build": "tsc && vite build",
48
+ "test": "vitest run",
49
+ "test:watch": "vitest --ui",
50
+ "coverage": "vitest run --coverage"
40
51
  }
41
52
  }