@ssa-ui-kit/core 1.0.1 → 1.0.3

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 (65) hide show
  1. package/.storybook/style.css +9 -0
  2. package/dist/components/Button/fixtures.d.ts +8 -0
  3. package/dist/components/Button/types.d.ts +2 -0
  4. package/dist/components/FormHelperText/FormHelperText.d.ts +1 -1
  5. package/dist/components/Input/types.d.ts +1 -0
  6. package/dist/components/Label/Label.d.ts +1 -1
  7. package/dist/components/Label/LabelBase.d.ts +2 -0
  8. package/dist/components/Label/types.d.ts +1 -0
  9. package/dist/components/Typeahead/Typeahead.context.d.ts +36 -0
  10. package/dist/components/Typeahead/Typeahead.d.ts +11 -0
  11. package/dist/components/Typeahead/components/MultipleTrigger.d.ts +1 -0
  12. package/dist/components/Typeahead/components/NoOptions.d.ts +1 -0
  13. package/dist/components/Typeahead/components/SingleTrigger.d.ts +1 -0
  14. package/dist/components/Typeahead/components/TypeaheadItem.d.ts +8 -0
  15. package/dist/components/Typeahead/components/TypeaheadOption.d.ts +2 -0
  16. package/dist/components/Typeahead/components/TypeaheadOptions.d.ts +2 -0
  17. package/dist/components/Typeahead/components/TypeaheadTrigger.d.ts +1 -0
  18. package/dist/components/Typeahead/components/index.d.ts +7 -0
  19. package/dist/components/Typeahead/index.d.ts +5 -0
  20. package/dist/components/Typeahead/styles.d.ts +47 -0
  21. package/dist/components/Typeahead/types.d.ts +46 -0
  22. package/dist/components/Typeahead/useTypeahead.d.ts +36 -0
  23. package/dist/components/Typeahead/utils.d.ts +1 -0
  24. package/dist/components/index.d.ts +1 -0
  25. package/dist/index.js +1 -1
  26. package/dist/index.js.map +1 -1
  27. package/dist/types/emotion.d.ts +4 -1
  28. package/package.json +1 -1
  29. package/src/components/Button/Button.tsx +10 -2
  30. package/src/components/Button/types.ts +2 -0
  31. package/src/components/CollapsibleNavBar/stories/CollapsibleNavBar.stories.tsx +47 -25
  32. package/src/components/CollapsibleNavBar/stories/Layout.tsx +1 -1
  33. package/src/components/Filters/Filters.tsx +1 -1
  34. package/src/components/FormHelperText/FormHelperText.tsx +2 -1
  35. package/src/components/Input/Input.spec.tsx +6 -8
  36. package/src/components/Input/Input.tsx +14 -8
  37. package/src/components/Input/types.ts +1 -0
  38. package/src/components/Label/Label.tsx +2 -0
  39. package/src/components/Label/LabelBase.tsx +3 -2
  40. package/src/components/Label/types.ts +1 -0
  41. package/src/components/MultipleDropdownOptions/MultipleDropdownOptions.tsx +1 -1
  42. package/src/components/ResponsiveImage/ResponsiveImage.stories.tsx +6 -4
  43. package/src/components/TableFilters/styles.ts +1 -0
  44. package/src/components/TextField/TextField.stories.tsx +8 -1
  45. package/src/components/Typeahead/Typeahead.context.ts +59 -0
  46. package/src/components/Typeahead/Typeahead.spec.tsx +506 -0
  47. package/src/components/Typeahead/Typeahead.stories.tsx +372 -0
  48. package/src/components/Typeahead/Typeahead.tsx +120 -0
  49. package/src/components/Typeahead/components/MultipleTrigger.tsx +116 -0
  50. package/src/components/Typeahead/components/NoOptions.tsx +7 -0
  51. package/src/components/Typeahead/components/SingleTrigger.tsx +71 -0
  52. package/src/components/Typeahead/components/TypeaheadItem.ts +14 -0
  53. package/src/components/Typeahead/components/TypeaheadOption.tsx +12 -0
  54. package/src/components/Typeahead/components/TypeaheadOptions.tsx +25 -0
  55. package/src/components/Typeahead/components/TypeaheadTrigger.tsx +26 -0
  56. package/src/components/Typeahead/components/index.ts +7 -0
  57. package/src/components/Typeahead/index.ts +5 -0
  58. package/src/components/Typeahead/styles.ts +193 -0
  59. package/src/components/Typeahead/types.ts +77 -0
  60. package/src/components/Typeahead/useTypeahead.tsx +321 -0
  61. package/src/components/Typeahead/utils.tsx +22 -0
  62. package/src/components/index.ts +1 -0
  63. package/src/themes/main.ts +3 -0
  64. package/src/types/emotion.ts +3 -0
  65. package/tsbuildcache +1 -1
package/src/themes/main.ts CHANGED
@@ -9,6 +9,7 @@ const main: Theme = {
9
9
  white60: 'rgba(255, 255, 255, 0.6)', // #ffffff
10
10
  white30: 'rgba(255, 255, 255, 0.3)', // #ffffff
11
11
  greyLighter: 'rgba(238, 241, 247, 1)', // #eef1f7
12
+ greyLighter40: 'rgba(238, 241, 247, 0.4)', //#eef1f766
12
13
  greySelectedMenuItem: 'rgba(222, 225, 236, 1)', // #dee1ec
13
14
  greyFocused: 'rgba(210, 212, 219, 1)', // #d2d4db
14
15
  greyFocused40: 'rgba(210, 212, 219, 0.4)', // #d2d4db
@@ -23,6 +24,7 @@ const main: Theme = {
23
24
  greyDarker: 'rgba(43, 45, 49, 1)', // #2b2d31
24
25
  greyDarker60: 'rgba(43, 45, 49, 0.6)', // #2b2d31
25
26
  greyDarker80: 'rgba(43, 45, 49, 0.8)', // #2b2d31
27
+ greyDarker40: 'rgba(43, 45, 49, 0.4)', // #2b2d31
26
28
  greyDarker14: 'rgba(43, 45, 49, 0.14)', // #2b2d31
27
29
  greyDark: 'rgb(64, 72, 83)', // #404853
28
30
  greyDisabled: 'rgba(85, 87, 90, 1)', // #55575a
@@ -103,6 +105,7 @@ const main: Theme = {
103
105
  blueButtonHoverGradientTo: 'rgb(14, 75, 193)', //#0e4bc1
104
106
  blueButtonActive: 'rgb(7, 69, 189)', //#0745bd
105
107
  blueRoyal: 'rgba(72, 125, 225, 1)', //#487de1
108
+ blueRoyal12: 'rgba(72, 125, 225, 0.12)', //#487DE1
106
109
  },
107
110
  mediaQueries: {
108
111
  xs: '@media screen and (max-width: 389px)',
package/src/types/emotion.ts CHANGED
@@ -14,6 +14,7 @@ type Colors = MakeColors<
14
14
  'white30',
15
15
  'dark',
16
16
  'greyLighter',
17
+ 'greyLighter40',
17
18
  'greySelectedMenuItem',
18
19
  'greyFocused',
19
20
  'greyFocused40',
@@ -22,6 +23,7 @@ type Colors = MakeColors<
22
23
  'grey40',
23
24
  'greyShadow24',
24
25
  'greyDarker',
26
+ 'greyDarker40',
25
27
  'greyDarker60',
26
28
  'greyDarker80',
27
29
  'greyDarker14',
@@ -108,6 +110,7 @@ type Colors = MakeColors<
108
110
  'blueButtonHoverGradientTo',
109
111
  'blueButtonActive',
110
112
  'blueRoyal',
113
+ 'blueRoyal12',
111
114
  ]
112
115
  >;
113
116