@risalabs_frontend_org/oasis-ui-kit 0.1.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 (65) hide show
  1. package/README.md +25 -0
  2. package/dist/index.d.ts +31 -0
  3. package/dist/index.js +2 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/library/colors.scss +136 -0
  6. package/dist/library/globalStyles.scss +22 -0
  7. package/dist/library/globalVarialbes.scss +16 -0
  8. package/dist/library/library.scss +2 -0
  9. package/dist/library/mixins.scss +895 -0
  10. package/dist/src/SVG/ChevronDown.d.ts +6 -0
  11. package/dist/src/SVG/arrow-upward.d.ts +2 -0
  12. package/dist/src/SVG/black-eye-stroke.d.ts +2 -0
  13. package/dist/src/SVG/black-eye.d.ts +3 -0
  14. package/dist/src/SVG/calendar-icon.d.ts +3 -0
  15. package/dist/src/SVG/close-red.d.ts +2 -0
  16. package/dist/src/SVG/close.d.ts +3 -0
  17. package/dist/src/SVG/dashed-vertical-line.d.ts +2 -0
  18. package/dist/src/SVG/delete-bin.d.ts +2 -0
  19. package/dist/src/SVG/down-arrow.d.ts +3 -0
  20. package/dist/src/SVG/error-for-toast.d.ts +2 -0
  21. package/dist/src/SVG/green-cross.d.ts +2 -0
  22. package/dist/src/SVG/infoIcon.d.ts +8 -0
  23. package/dist/src/SVG/left-chevron.d.ts +8 -0
  24. package/dist/src/SVG/red-bin.d.ts +2 -0
  25. package/dist/src/SVG/red-cross.d.ts +2 -0
  26. package/dist/src/SVG/right-chevron.d.ts +8 -0
  27. package/dist/src/SVG/tick-for-toast.d.ts +2 -0
  28. package/dist/src/SVG/tick-with-green-bg.d.ts +2 -0
  29. package/dist/src/SVG/tick.d.ts +3 -0
  30. package/dist/src/SVG/up-arrow.d.ts +3 -0
  31. package/dist/src/SVG/uploaded-doc.d.ts +2 -0
  32. package/dist/src/SVG/warning-icon.d.ts +3 -0
  33. package/dist/src/components/ButtonWithDropdown/ButtonWithDropdown.d.ts +16 -0
  34. package/dist/src/components/ButtonWithDropdown/MenuItem.d.ts +15 -0
  35. package/dist/src/components/DatePicker/DatePicker.d.ts +8 -0
  36. package/dist/src/components/DateRangeCalendar/DateRangeCalendar.d.ts +10 -0
  37. package/dist/src/components/button/button.d.ts +11 -0
  38. package/dist/src/components/check-box/check-box.d.ts +14 -0
  39. package/dist/src/components/date-input/date-input.d.ts +25 -0
  40. package/dist/src/components/file-upload/file-upload.d.ts +11 -0
  41. package/dist/src/components/footer/footer.d.ts +13 -0
  42. package/dist/src/components/header-card/header-card.d.ts +10 -0
  43. package/dist/src/components/info-icon/info-icon.d.ts +12 -0
  44. package/dist/src/components/modal/modal.d.ts +21 -0
  45. package/dist/src/components/notification-card/notification-card.d.ts +15 -0
  46. package/dist/src/components/pagination/index.d.ts +1 -0
  47. package/dist/src/components/pagination/pagination.d.ts +12 -0
  48. package/dist/src/components/progress-loader-with-text/progress-loader-with-text.d.ts +8 -0
  49. package/dist/src/components/search/search.d.ts +9 -0
  50. package/dist/src/components/select/select.d.ts +26 -0
  51. package/dist/src/components/side-navigation/side-navigation.d.ts +10 -0
  52. package/dist/src/components/side-navigation/single-side-nav.d.ts +8 -0
  53. package/dist/src/components/spinning-loader/spinning-loader.d.ts +3 -0
  54. package/dist/src/components/status-text/status-text.d.ts +7 -0
  55. package/dist/src/components/stepper/stepper.d.ts +11 -0
  56. package/dist/src/components/tab/single-tab.d.ts +9 -0
  57. package/dist/src/components/tab/tab-container.d.ts +10 -0
  58. package/dist/src/components/text-input/text-input.d.ts +36 -0
  59. package/dist/src/components/time-due/time-due.d.ts +6 -0
  60. package/dist/src/components/toast/toast.d.ts +12 -0
  61. package/dist/src/components/toggle/toggle.d.ts +14 -0
  62. package/dist/src/components/toggle-switch/toggle-switch.d.ts +13 -0
  63. package/dist/src/components/uploaded-file-banner/uploaded-file-banner.d.ts +9 -0
  64. package/dist/src/shared/types.d.ts +160 -0
  65. package/package.json +82 -0
@@ -0,0 +1,136 @@
1
+ $primaryGreen1: #003d15;
2
+ $primaryGreen2: #00521d;
3
+ $primaryGreen3: #007028;
4
+ $primaryGreen4: #008f32;
5
+ $primaryGreen5: #1db954;
6
+ $primaryGreen6: #20cb5c;
7
+ $primaryGreen7: #2cdd80;
8
+ $primaryGreen8: #58e49b;
9
+ $primaryGreen9: #84ebb5;
10
+ $primaryGreen10: #caf6df;
11
+ $primaryGreen11: #eefcf4;
12
+
13
+ $primaryGray1: #0f0f0f;
14
+ $primaryGray2: #1f1f1f;
15
+ $primaryGray3: #2e2e2e;
16
+ $primaryGray4: #3d3d3d;
17
+ $primaryGray5: #4d4d4d;
18
+ $primaryGray6: #5c5c5c;
19
+ $primaryGray7: #6b6b6b;
20
+ $primaryGray8: #7a7a7a;
21
+ $primaryGray9: #8a8a8a;
22
+ $primaryGray10: #999999;
23
+ $primaryGray11: #a8a8a8;
24
+ $primaryGray12: #b8b8b8;
25
+ $primaryGray13: #c7c7c7;
26
+ $primaryGray14: #d6d6d6;
27
+ $primaryGray15: #e6e6e6;
28
+ $primaryGray16: #f5f5f5;
29
+ $white: #ffffff;
30
+ $black: #000000;
31
+
32
+ $secondaryPurple1: #1a004d;
33
+ $secondaryPurple2: #220066;
34
+ $secondaryPurple3: #330099;
35
+ $secondaryPurple4: #4b00cc;
36
+ $secondaryPurple5: #661aff;
37
+ $secondaryPurple6: #7e33ff;
38
+ $secondaryPurple7: #9e66ff;
39
+ $secondaryPurple8: #c599ff;
40
+ $secondaryPurple9: #e7ccff;
41
+ $secondaryPurple10: #f6e5ff;
42
+
43
+ $secondaryYellow1: #474100;
44
+ $secondaryYellow2: #665e00;
45
+ $secondaryYellow3: #857a00;
46
+ $secondaryYellow4: #a39600;
47
+ $secondaryYellow5: #c2b200;
48
+ $secondaryYellow6: #e0ce00;
49
+ $secondaryYellow7: #fae500;
50
+ $secondaryYellow8: #ffef3d;
51
+ $secondaryYellow9: #fff370;
52
+ $secondaryYellow10: #fff8ad;
53
+ $secondaryYellow11: #fffcd6;
54
+
55
+ $secondaryOrange1: #8f3200;
56
+ $secondaryOrange2: #c24400;
57
+ $secondaryOrange3: #e65100;
58
+ $secondaryOrange4: #ef6c00;
59
+ $secondaryOrange5: #f57c00;
60
+ $secondaryOrange6: #fb8c00;
61
+ $secondaryOrange7: #ff9800;
62
+ $secondaryOrange8: #ffa726;
63
+ $secondaryOrange9: #ffb74d;
64
+ $secondaryOrange10: #ffcc80;
65
+ $secondaryOrange11: #ffe0b2;
66
+ $secondaryOrange12: #fff3e0;
67
+
68
+ $tertiaryRed1: #7b0300;
69
+ $tertiaryRed2: #a3000e;
70
+ $tertiaryRed3: #cc0300;
71
+ $tertiaryRed4: #f50400;
72
+ $tertiaryRed5: #ff332e;
73
+ $tertiaryRed6: #ff5452;
74
+ $tertiaryRed7: #ff7370;
75
+ $tertiaryRed8: #ff9999;
76
+ $tertiaryRed9: #ffbdbd;
77
+ $tertiaryRed10: #ffd6d6;
78
+ $tertiaryRed11: #ffe8e8;
79
+
80
+ $tertiaryMagenta1: #5c0048;
81
+ $tertiaryMagenta2: #7a005f;
82
+ $tertiaryMagenta3: #990077;
83
+ $tertiaryMagenta4: #c20097;
84
+ $tertiaryMagenta5: #e000af;
85
+ $tertiaryMagenta6: #ff1fce;
86
+ $tertiaryMagenta7: #ff47d7;
87
+ $tertiaryMagenta8: #ff70e2;
88
+ $tertiaryMagenta9: #ff99eb;
89
+ $tertiaryMagenta10: #ffb8f1;
90
+ $tertiaryMagenta11: #ffd6f7;
91
+ $tertiaryMagenta12: #ffebfb;
92
+
93
+ $tertiaryCyan1: #002929;
94
+ $tertiaryCyan2: #003d3d;
95
+ $tertiaryCyan3: #005c5c;
96
+ $tertiaryCyan4: #007a7a;
97
+ $tertiaryCyan5: #008f8f;
98
+ $tertiaryCyan6: #00b8b8;
99
+ $tertiaryCyan7: #00e0e0;
100
+ $tertiaryCyan8: #33ffff;
101
+ $tertiaryCyan9: #70ffff;
102
+ $tertiaryCyan10: #adffff;
103
+ $tertiaryCyan11: #d6ffff;
104
+ $tertiaryCyan12: #ebffff;
105
+
106
+ $tertiaryLime1: #2a3d00;
107
+ $tertiaryLime2: #375200;
108
+ $tertiaryLime3: #537a00;
109
+ $tertiaryLime4: #618f00;
110
+ $tertiaryLime5: #7db800;
111
+ $tertiaryLime6: #9feb00;
112
+ $tertiaryLime7: #acff00;
113
+ $tertiaryLime8: #c1ff3d;
114
+ $tertiaryLime9: #d1ff70;
115
+ $tertiaryLime10: #e5ffad;
116
+ $tertiaryLime11: #f3ffd6;
117
+
118
+ $tertiaryBlue1: #002152;
119
+ $tertiaryBlue2: #00317a;
120
+ $tertiaryBlue3: #0041a3;
121
+ $tertiaryBlue4: #0056d6;
122
+ $tertiaryBlue5: #0066ff;
123
+ $tertiaryBlue6: #297fff;
124
+ $tertiaryBlue7: #5297ff;
125
+ $tertiaryBlue8: #7aafff;
126
+ $tertiaryBlue9: #99c2ff;
127
+ $tertiaryBlue10: #b8d4ff;
128
+ $tertiaryBlue11: #d6e6ff;
129
+ $tertiaryBlue12: #eaf2ff;
130
+ $tertiaryBlue13: #f3f8ff;
131
+
132
+ $grayscaleBlack1: #606060;
133
+ $grayscaleBlack2: #404040;
134
+ $grayscaleBlack3: #303030;
135
+ $grayscaleBlack4: #202020;
136
+ $grayscaleBlack5: #101010;
@@ -0,0 +1,22 @@
1
+ p,
2
+ h1,
3
+ h2,
4
+ h3,
5
+ h4,
6
+ h5,
7
+ h6 {
8
+ margin: 0;
9
+ }
10
+
11
+ *,
12
+ *::before,
13
+ *::after {
14
+ box-sizing: border-box;
15
+ margin: 0;
16
+ padding: 0;
17
+ vertical-align: baseline;
18
+ }
19
+
20
+ html {
21
+ font-size: 100%;
22
+ }
@@ -0,0 +1,16 @@
1
+ // Seb Website
2
+ $background-color: #121113;
3
+ $nav-color: #000000bb;
4
+ $accent-color: #11a6c0;
5
+ $font-color: white;
6
+ $transparent-color: #ffffff00;
7
+ $semi-transparent: #ffffff75;
8
+ // Greenspark Challenge
9
+ $greenspark-green: #3b755f;
10
+ $greenspark-white: #f9f9f9;
11
+ $greenspark-light-green: #afc6bd;
12
+ $greenspark-light-green-transparent: #3b755f20;
13
+ $greenspark-switch-border: #f2ebdb;
14
+ $greenspark-switch-outer-border: #b0b0b0;
15
+ $greenspark-white-transparent: #ffffff33;
16
+ $greenspark-blue: #2e3a8c;
@@ -0,0 +1,2 @@
1
+ @use "./colors.scss" as colors;
2
+ @use "./mixins.scss" as mixins;