@caseparts-org/caseblocks 0.0.12 → 0.0.16

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 (55) hide show
  1. package/dist/assets/Account.css +1 -1
  2. package/dist/assets/Avatar.css +1 -1
  3. package/dist/assets/Button.css +1 -1
  4. package/dist/assets/Cart.css +1 -0
  5. package/dist/assets/HamburgerMenu.css +1 -0
  6. package/dist/assets/Icon.css +1 -1
  7. package/dist/assets/MainNav.css +1 -1
  8. package/dist/assets/Root.css +1 -1
  9. package/dist/assets/SearchBox.css +1 -1
  10. package/dist/assets/Tooltip.css +1 -0
  11. package/dist/atoms/Button/Button.d.ts +1 -1
  12. package/dist/atoms/Button/Button.js +35 -33
  13. package/dist/atoms/Button/Button.stories.d.ts +1 -1
  14. package/dist/atoms/Button/Button.stories.js +13 -16
  15. package/dist/atoms/Flex/Flex.stories.d.ts +1 -1
  16. package/dist/atoms/Grid/Grid.stories.d.ts +1 -1
  17. package/dist/atoms/Icon/Icon.js +17 -17
  18. package/dist/atoms/Icon/Icon.stories.d.ts +1 -1
  19. package/dist/atoms/Input/Input.stories.d.ts +1 -1
  20. package/dist/atoms/Link/Link.stories.d.ts +1 -1
  21. package/dist/atoms/Separator/Separator.stories.d.ts +1 -1
  22. package/dist/atoms/Text/Text.stories.d.ts +1 -1
  23. package/dist/molecules/Account/Account.d.ts +3 -0
  24. package/dist/molecules/Account/Account.js +56 -33
  25. package/dist/molecules/Account/Account.stories.d.ts +1 -1
  26. package/dist/molecules/Account/Account.stories.js +12 -5
  27. package/dist/molecules/Avatar/Avatar.d.ts +2 -1
  28. package/dist/molecules/Avatar/Avatar.js +26 -24
  29. package/dist/molecules/Avatar/Avatar.stories.d.ts +1 -1
  30. package/dist/molecules/Avatar/Avatar.stories.js +4 -1
  31. package/dist/molecules/Cart/Cart.d.ts +7 -0
  32. package/dist/molecules/Cart/Cart.js +23 -0
  33. package/dist/molecules/Cart/Cart.stories.d.ts +14 -0
  34. package/dist/molecules/Cart/Cart.stories.js +24 -0
  35. package/dist/molecules/Chip/Chip.stories.d.ts +1 -1
  36. package/dist/molecules/HamburgerMenu/HamburgerMenu.d.ts +7 -0
  37. package/dist/molecules/HamburgerMenu/HamburgerMenu.js +62 -0
  38. package/dist/molecules/Logo/Logo.js +13 -44
  39. package/dist/molecules/Logo/Logo.stories.d.ts +1 -1
  40. package/dist/molecules/SearchBox/SearchBox.js +16 -16
  41. package/dist/molecules/SearchBox/SearchBox.stories.d.ts +1 -1
  42. package/dist/molecules/ToggleView/ToggleView.stories.d.ts +1 -1
  43. package/dist/molecules/Tooltip/Tooltip.d.ts +11 -0
  44. package/dist/molecules/Tooltip/Tooltip.js +734 -0
  45. package/dist/molecules/Tooltip/Tooltip.stories.d.ts +46 -0
  46. package/dist/molecules/Tooltip/Tooltip.stories.js +142 -0
  47. package/dist/organisms/ChipSelector/ChipSelector.stories.d.ts +1 -1
  48. package/dist/organisms/MainNav/MainNav.d.ts +19 -1
  49. package/dist/organisms/MainNav/MainNav.js +117 -95
  50. package/dist/organisms/MainNav/MainNav.stories.d.ts +3 -2
  51. package/dist/organisms/MainNav/MainNav.stories.js +134 -11
  52. package/dist/organisms/SpinZoomViewer/SpinZoomViewer.stories.d.ts +1 -1
  53. package/dist/styles/tokens.css +53 -0
  54. package/package.json +14 -16
  55. package/dist/assets/Logo.css +0 -1
package/dist/assets/Account.css CHANGED
@@ -1 +1 @@
1
- ._loggedIn_iiyge_1{flex-shrink:0;gap:var(--spacing-1-25)}._customer_iiyge_5{gap:var(--spacing-0-125)}
1
+ ._loggedIn_1uin2_1{flex-shrink:0;gap:var(--spacing-0-25)}
package/dist/assets/Avatar.css CHANGED
@@ -1 +1 @@
1
- ._avatar_1x5y3_1{margin:3px;position:relative;background-color:var(--icons-icon-secondary);color:var(--text-text-invert);flex-shrink:0;border-radius:50%;width:26px;height:26px;text-align:center;text-transform:"uppercase"}
1
+ ._avatar_vwzwk_1{margin:10px;position:relative;background-color:var(--icons-icon-secondary);color:var(--text-text-invert);flex-shrink:0;border-radius:50%;width:28px;height:28px;text-align:center;text-transform:uppercase;cursor:pointer}
package/dist/assets/Button.css CHANGED
@@ -1 +1 @@
1
- ._button_1co79_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer}._button_1co79_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_1co79_1:active{box-shadow:none}._button_1co79_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_1co79_1:disabled:hover{box-shadow:none}._button-primary_1co79_36{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_1co79_36:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_1co79_36:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_1co79_50{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_1co79_50:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_1co79_50:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_1co79_50:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_1co79_72{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_1co79_72:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_1co79_72:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_1co79_86{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_1co79_86:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_1co79_86:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_1co79_104{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_1co79_104:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_1co79_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xs_1co79_122{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-3xs) var(--spacing-spacing-2xs)}._button-size-sm_1co79_126{border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-3xs) var(--spacing-0-75)}._button-size-md_1co79_130,._button-size-lg_1co79_134{border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-default)}._button-size-xl_1co79_138{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}
1
+ ._button_17viz_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer}._button_17viz_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_17viz_1:active{box-shadow:none}._button_17viz_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_17viz_1:disabled:hover{box-shadow:none}._button-primary_17viz_36{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_17viz_36:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_17viz_36:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_17viz_50{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_17viz_50:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_17viz_50:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_17viz_50:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_17viz_72{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_17viz_72:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_17viz_72:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_17viz_86{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_17viz_86:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_17viz_86:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_17viz_104{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_17viz_104:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_17viz_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_17viz_122{min-width:var(--spacing-spacing-4xl);height:var(--spacing-spacing-sm);border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_17viz_128{min-width:var(--spacing-spacing-4xl);min-height:var(--spacing-spacing-sm);line-height:var(--spacing-spacing-1xs)!important;border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-2xs)}._button-size-sm_17viz_135{min-width:var(--spacing-spacing-6xl);min-height:var(--spacing-spacing-md);line-height:var(--spacing-spacing-xs)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-3xs) var(--spacing-0-75)}._button-size-md_17viz_142{min-width:var(--spacing-spacing-8xl);min-height:var(--spacing-spacing-lg);line-height:var(--spacing-spacing-default)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-default)}._button-size-lg_17viz_149{min-width:var(--spacing-spacing-10xl);min-height:var(--spacing-spacing-xl);line-height:var(--spacing-spacing-sm)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-default)}._button-size-xl_17viz_156{min-width:var(--spacing-spacing-12xl);min-height:var(--spacing-spacing-2xl);line-height:var(--spacing-spacing-sm)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}
package/dist/assets/Cart.css ADDED
@@ -0,0 +1 @@
1
+ ._cart_jjkwa_1{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_jjkwa_8{position:absolute;top:4px;left:17px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}
package/dist/assets/HamburgerMenu.css ADDED
@@ -0,0 +1 @@
1
+ ._hamburgerContainer_b84wp_1{position:relative}._menuIcon_b84wp_4 svg{cursor:pointer;outline:none}._menuContent_b84wp_8{position:absolute;right:0;display:grid;grid-template-columns:320px;width:320px;border:var(--border-border-primary);background-color:var(--surface-surface-primary);box-shadow:8px 8px 12px #00000026;z-index:99999}._closeContainer_b84wp_22{background-color:#0e0e0ea8;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:var(--spacing-0-5);box-sizing:border-box}._closeContainer_b84wp_22>button{background-color:transparent;border:none;margin:0;padding:0;cursor:pointer}._closeContainer_b84wp_22>button path{fill:#fff}._overlay_b84wp_41{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:999}
package/dist/assets/Icon.css CHANGED
@@ -1 +1 @@
1
- ._icon-sm_flrgw_1{font-size:var(--font-size-md);margin:calc(var(--font-size-md) / 4)}._icon-md_flrgw_6{font-size:var(--font-size-2xl);margin:calc(var(--font-size-2xl) / 4)}._icon-lg_flrgw_11{font-size:var(--font-size-3xl);margin:calc(var(--font-size-3xl) / 4)}
1
+ ._icon-sm_nwr4s_1{font-size:var(--font-size-md);padding:calc(var(--font-size-md) / 4)}._icon-md_nwr4s_6{font-size:var(--font-size-2xl);padding:calc(var(--font-size-2xl) / 4)}._icon-lg_nwr4s_11{font-size:var(--font-size-3xl);padding:calc(var(--font-size-3xl) / 4)}._icon-sm_nwr4s_1,._icon-md_nwr4s_6,._icon-lg_nwr4s_11{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}
package/dist/assets/MainNav.css CHANGED
@@ -1 +1 @@
1
- ._logoAndSearch_u1n4z_1{width:100%}._searchContainer_u1n4z_4{margin-left:var(--spacing-3-5);margin-right:var(--spacing-1-5);width:100%}@media (max-width: 767px){._searchContainer_u1n4z_4{margin-left:0;margin-top:var(--spacing-1)}}._menu_u1n4z_13{flex-shrink:0}._chatIcon_u1n4z_16{color:var(--color-alerts-success)}@media (min-width: 1281px){._chatIcon_u1n4z_16{margin-right:var(--spacing-0-25)}}._siteLink_u1n4z_22{margin-right:var(--spacing-2);color:var(--color-brand-primary-primary-black)}._accountId_u1n4z_26{margin-bottom:var(--spacing-0-5)}@media (min-width: 768px){._menuIcon_u1n4z_29{margin:0 var(--spacing-1-5)}}._separator_u1n4z_34{margin:0 var(--spacing-1-5);align-self:stretch}
1
+ ._topNav_c5ei0_1{padding:var(--spacing-1) 0;gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_c5ei0_1{padding:var(--spacing-1) 0 0 0;gap:var(--spacing-1)}}._operations_c5ei0_9{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_c5ei0_9{gap:var(--spacing-1)}}._search_c5ei0_16{flex:1}._siteLink_c5ei0_19{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_c5ei0_23{width:145px}@media (max-width: 1281px){._accountArea_c5ei0_23{width:min-content}}._cart_c5ei0_29{border:none;padding:0;margin:0;background-color:transparent}._categories_c5ei0_36{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_c5ei0_36{margin-right:70px;flex-wrap:wrap}}._category_c5ei0_50{list-style:none}._category_c5ei0_50 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_c5ei0_50 a{justify-content:space-between;width:100%}}._category_c5ei0_50 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_c5ei0_50 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_c5ei0_72{list-style:none;padding:0;margin:0;height:min-content}._menuList_c5ei0_79{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_c5ei0_79>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_c5ei0_79>li:last-of-type{border-bottom:none}