@arbor-education/design-system.components 0.3.6 → 0.4.0

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 (46) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/components/banner/Banner.d.ts +19 -0
  3. package/dist/components/banner/Banner.d.ts.map +1 -0
  4. package/dist/components/banner/Banner.js +33 -0
  5. package/dist/components/banner/Banner.js.map +1 -0
  6. package/dist/components/banner/Banner.stories.d.ts +72 -0
  7. package/dist/components/banner/Banner.stories.d.ts.map +1 -0
  8. package/dist/components/banner/Banner.stories.js +84 -0
  9. package/dist/components/banner/Banner.stories.js.map +1 -0
  10. package/dist/components/banner/Banner.test.d.ts +2 -0
  11. package/dist/components/banner/Banner.test.d.ts.map +1 -0
  12. package/dist/components/banner/Banner.test.js +72 -0
  13. package/dist/components/banner/Banner.test.js.map +1 -0
  14. package/dist/index.css +63 -53
  15. package/dist/index.css.map +1 -1
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.d.ts.map +1 -1
  18. package/dist/index.js +1 -0
  19. package/dist/index.js.map +1 -1
  20. package/package.json +2 -1
  21. package/src/components/banner/Banner.stories.tsx +96 -0
  22. package/src/components/banner/Banner.test.tsx +86 -0
  23. package/src/components/banner/Banner.tsx +81 -0
  24. package/src/components/banner/banner.scss +67 -0
  25. package/src/components/button/button.scss +0 -5
  26. package/src/components/card/card.scss +0 -3
  27. package/src/components/dropdown/dropdown.scss +0 -3
  28. package/src/components/formField/fieldset/fieldset.scss +0 -2
  29. package/src/components/formField/formField.scss +0 -2
  30. package/src/components/formField/inputs/checkbox/checkboxInput.scss +0 -2
  31. package/src/components/formField/inputs/input.scss +0 -3
  32. package/src/components/formField/inputs/radio/radioButtonInput.scss +0 -2
  33. package/src/components/formField/inputs/selectDropdown/selectDropdown.scss +0 -1
  34. package/src/components/formField/label/label.scss +0 -2
  35. package/src/components/modal/modal.scss +0 -3
  36. package/src/components/pill/pill.scss +0 -3
  37. package/src/components/searchBar/searchBar.scss +0 -3
  38. package/src/components/table/columnFilters/columnFilters.scss +0 -6
  39. package/src/components/table/pagination/pagination.scss +0 -4
  40. package/src/components/tabs/tabs.scss +0 -2
  41. package/src/components/tag/tag.scss +0 -3
  42. package/src/components/toast/toast.scss +0 -1
  43. package/src/components/tooltip/tooltip.scss +0 -3
  44. package/src/global.scss +9 -1
  45. package/src/index.scss +1 -0
  46. package/src/index.ts +1 -0
package/src/components/tag/tag.scss CHANGED
@@ -8,10 +8,7 @@
8
8
  width: fit-content;
9
9
 
10
10
  /* typography/body/p1-reg */
11
- font-family: var(--type-body-p-family, Inter);
12
- font-size: var(--type-body-p-size);
13
11
  font-style: normal;
14
- font-weight: var(--type-body-p-weight);
15
12
  line-height: 150%; /* 19.5px */
16
13
 
17
14
  &--neutral {
package/src/components/toast/toast.scss CHANGED
@@ -17,7 +17,6 @@
17
17
  border-radius: var(--toast-radius);
18
18
  box-shadow: var(--shadow-small);
19
19
  font-family: var(--type-body-bold-family);
20
- font-size: var(--type-body-p-size);
21
20
  font-style: normal;
22
21
  font-weight: var(--type-body-bold-weight);
23
22
  line-height: var(--line-height-default);
package/src/components/tooltip/tooltip.scss CHANGED
@@ -4,9 +4,6 @@
4
4
  background: var(--tooltip-color-background);
5
5
  padding: var(--tooltip-spacing-vertical) var(--tooltip-spacing-horizontal);
6
6
  border-radius: var(--border-radius-small);
7
- font-size: var(--type-body-p-size);
8
- font-family: var(--type-body-p-family);
9
- font-weight: var(--type-body-p-weight);
10
7
 
11
8
  &-arrow {
12
9
  fill: var(--tooltip-color-background);
package/src/global.scss CHANGED
@@ -24,5 +24,13 @@
24
24
  -webkit-font-smoothing: antialiased;
25
25
  -moz-osx-font-smoothing: grayscale;
26
26
  text-rendering: optimizeLegibility;
27
- font-family: var(--font-family-standard);
27
+ }
28
+
29
+ body {
30
+ *[class^='ds-'], *[class*=' ds-'] {
31
+ font-family: var(--font-family-standard);
32
+ font-size: var(--type-body-p-size);
33
+ font-weight: var(--font-weight-regular);
34
+ box-sizing: border-box;
35
+ }
28
36
  }
package/src/index.scss CHANGED
@@ -28,6 +28,7 @@
28
28
  @use "components/modal/modal.scss";
29
29
  @use "components/modal/modalManager/modalManager.scss";
30
30
  @use "components/table/columnFilters/columnFilters.scss";
31
+ @use "components/banner/banner.scss";
31
32
  @use "components/editableText/editableText.scss";
32
33
  @use "components/progress/progress.scss";
33
34
  @use "components/toast/toast.scss";
package/src/index.ts CHANGED
@@ -26,6 +26,7 @@ export { Modal } from 'Components/modal/Modal';
26
26
  export { ModalManager } from 'Components/modal/modalManager/ModalManager';
27
27
  export { DSDefaultColDef } from 'Components/table/DSDefaultColDef';
28
28
  export { DefaultCellRenderer } from 'Components/table/cellRenderers/DefaultCellRenderer';
29
+ export { Banner, type BannerProps, BANNER_LEVEL } from 'Components/banner/Banner';
29
30
  export { EditableText } from 'Components/editableText/EditableText';
30
31
  export { Progress } from 'Components/progress/Progress';
31
32
  export { Toast } from 'Components/toast/Toast';