toggle-components-library 1.10.1

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 (149) hide show
  1. package/README.md +24 -0
  2. package/babel.config.js +5 -0
  3. package/dist/demo.html +10 -0
  4. package/dist/img/add_circle.7c6b29c6.svg +29 -0
  5. package/dist/img/arrow-left-blue-hover.5b0a1e54.svg +32 -0
  6. package/dist/img/arrow-left-blue.1e5404dd.svg +32 -0
  7. package/dist/img/arrow-right-blue-hover.b800a882.svg +32 -0
  8. package/dist/img/arrow-right-blue.fbc83729.svg +32 -0
  9. package/dist/img/arrow_down.787e1a8b.svg +28 -0
  10. package/dist/img/calendar.16f176cd.svg +37 -0
  11. package/dist/img/card.e1735960.svg +9 -0
  12. package/dist/img/checkbox_blank.907b325c.svg +6 -0
  13. package/dist/img/checkbox_checked.3e2d399f.svg +9 -0
  14. package/dist/img/checkbox_hover.e99ab40c.svg +3 -0
  15. package/dist/img/checkbox_inactive.b94b6c81.svg +9 -0
  16. package/dist/img/circle_blank.ab1622db.svg +24 -0
  17. package/dist/img/clipboard.e483ded3.svg +12 -0
  18. package/dist/img/delete-grey.cf15dcd1.svg +29 -0
  19. package/dist/img/delete.ee71bb54.svg +29 -0
  20. package/dist/img/drag_drop.0c778868.svg +14 -0
  21. package/dist/img/draggable.7493006c.svg +1 -0
  22. package/dist/img/edit_circle.4f3826d3.svg +34 -0
  23. package/dist/img/edit_circle_grey.0c96938c.svg +34 -0
  24. package/dist/img/email.078e944d.svg +7 -0
  25. package/dist/img/file.f4fb9e5d.svg +9 -0
  26. package/dist/img/graph.7f2e3985.svg +16 -0
  27. package/dist/img/grey_cross.2ac5fda1.svg +15 -0
  28. package/dist/img/info.4b233da4.svg +29 -0
  29. package/dist/img/megaphone.73161a8a.svg +19 -0
  30. package/dist/img/orders.51f8963f.svg +29 -0
  31. package/dist/img/search.db8f673f.svg +25 -0
  32. package/dist/img/tick-grey.b6d7b16c.svg +12 -0
  33. package/dist/img/tick.97f35963.svg +12 -0
  34. package/dist/img/tick_circle.417fd97d.svg +28 -0
  35. package/dist/img/tick_circle_grey.92b7e747.svg +32 -0
  36. package/dist/img/upload.9b0f1f1c.svg +30 -0
  37. package/dist/toggle-components-library.common.js +17714 -0
  38. package/dist/toggle-components-library.common.js.map +1 -0
  39. package/dist/toggle-components-library.css +1 -0
  40. package/dist/toggle-components-library.umd.js +17724 -0
  41. package/dist/toggle-components-library.umd.js.map +1 -0
  42. package/dist/toggle-components-library.umd.min.js +9 -0
  43. package/dist/toggle-components-library.umd.min.js.map +1 -0
  44. package/package-lock.json +20271 -0
  45. package/package.json +78 -0
  46. package/public/favicon.ico +0 -0
  47. package/public/index.html +17 -0
  48. package/src/assets/ProximaNova-Regular.otf +0 -0
  49. package/src/assets/icons/add_circle.svg +29 -0
  50. package/src/assets/icons/arrow-left-blue-hover.svg +32 -0
  51. package/src/assets/icons/arrow-left-blue.svg +32 -0
  52. package/src/assets/icons/arrow-right-blue-hover.svg +32 -0
  53. package/src/assets/icons/arrow-right-blue.svg +32 -0
  54. package/src/assets/icons/arrow_down.svg +28 -0
  55. package/src/assets/icons/calendar.svg +37 -0
  56. package/src/assets/icons/card.svg +9 -0
  57. package/src/assets/icons/checkbox_blank.svg +6 -0
  58. package/src/assets/icons/checkbox_checked.svg +9 -0
  59. package/src/assets/icons/checkbox_hover.svg +3 -0
  60. package/src/assets/icons/checkbox_inactive.svg +9 -0
  61. package/src/assets/icons/circle_blank.svg +24 -0
  62. package/src/assets/icons/clipboard.svg +12 -0
  63. package/src/assets/icons/delete-grey.svg +29 -0
  64. package/src/assets/icons/delete.svg +29 -0
  65. package/src/assets/icons/drag.svg +15 -0
  66. package/src/assets/icons/drag_drop.svg +14 -0
  67. package/src/assets/icons/draggable.svg +1 -0
  68. package/src/assets/icons/draggable.textClipping +0 -0
  69. package/src/assets/icons/edit_circle.svg +34 -0
  70. package/src/assets/icons/edit_circle_grey.svg +34 -0
  71. package/src/assets/icons/email.svg +7 -0
  72. package/src/assets/icons/file.svg +9 -0
  73. package/src/assets/icons/graph.svg +16 -0
  74. package/src/assets/icons/grey_cross.svg +15 -0
  75. package/src/assets/icons/info.svg +29 -0
  76. package/src/assets/icons/megaphone.svg +19 -0
  77. package/src/assets/icons/orders.svg +29 -0
  78. package/src/assets/icons/search.svg +25 -0
  79. package/src/assets/icons/tick-grey.svg +12 -0
  80. package/src/assets/icons/tick.svg +12 -0
  81. package/src/assets/icons/tick_circle.svg +28 -0
  82. package/src/assets/icons/tick_circle_grey.svg +32 -0
  83. package/src/assets/icons/upload.svg +30 -0
  84. package/src/assets/img/airship.svg +42 -0
  85. package/src/assets/img/toggle.svg +1 -0
  86. package/src/assets/logo.png +0 -0
  87. package/src/components/badges/ToggleBadge.vue +23 -0
  88. package/src/components/breadcrumb/ToggleBreadCrumb.vue +43 -0
  89. package/src/components/buttons/ToggleButton.vue +88 -0
  90. package/src/components/buttons/ToggleFeatureButton.vue +68 -0
  91. package/src/components/elements/ToggleLineBreak.vue +9 -0
  92. package/src/components/forms/ToggleColourPicker.vue +192 -0
  93. package/src/components/forms/ToggleDatePicker.vue +168 -0
  94. package/src/components/forms/ToggleDateRangePicker.vue +208 -0
  95. package/src/components/forms/ToggleInputCheckbox.vue +74 -0
  96. package/src/components/forms/ToggleInputCheckboxContainer.vue +65 -0
  97. package/src/components/forms/ToggleInputCheckboxInline.vue +74 -0
  98. package/src/components/forms/ToggleInputCrudField.vue +95 -0
  99. package/src/components/forms/ToggleInputCurrency.vue +198 -0
  100. package/src/components/forms/ToggleInputFile.vue +101 -0
  101. package/src/components/forms/ToggleInputGrid.vue +409 -0
  102. package/src/components/forms/ToggleInputGroup.vue +48 -0
  103. package/src/components/forms/ToggleInputImage.vue +168 -0
  104. package/src/components/forms/ToggleInputNumber.vue +164 -0
  105. package/src/components/forms/ToggleInputPercentage.vue +142 -0
  106. package/src/components/forms/ToggleInputRadioButtonGroup.vue +81 -0
  107. package/src/components/forms/ToggleInputRadioButtons.vue +136 -0
  108. package/src/components/forms/ToggleInputSearch.vue +235 -0
  109. package/src/components/forms/ToggleInputSelect.vue +109 -0
  110. package/src/components/forms/ToggleInputText.vue +130 -0
  111. package/src/components/forms/ToggleInputTextArea.vue +123 -0
  112. package/src/components/forms/ToggleInputWebsite.vue +163 -0
  113. package/src/components/forms/ToggleInternationalPhoneInputSelect.vue +166 -0
  114. package/src/components/loaders/ToggleFillLoader.vue +34 -0
  115. package/src/components/mixins/mixins.js +48 -0
  116. package/src/components/modals/ToggleModal.vue +83 -0
  117. package/src/components/navs/sidenav/ToggleSideNav.vue +45 -0
  118. package/src/components/navs/sidenav/ToggleSideNavItem.vue +32 -0
  119. package/src/components/navs/sidenav/ToggleSideSubNav.vue +24 -0
  120. package/src/components/notifications/ToggleNotifications.vue +93 -0
  121. package/src/components/tables/TogglePagination.vue +114 -0
  122. package/src/components/tables/ToggleTable.vue +178 -0
  123. package/src/components/tables/ToggleTableColumn.vue +3 -0
  124. package/src/components/tables/ToggleTableRow.vue +5 -0
  125. package/src/components/text/ToggleHeaderTextLarge.vue +3 -0
  126. package/src/components/text/ToggleHelperTextSmall.vue +3 -0
  127. package/src/components/text/ToggleInfoText.vue +3 -0
  128. package/src/components/text/ToggleTextClipboardCopy.vue +51 -0
  129. package/src/index.js +105 -0
  130. package/src/sass/includes/_as_animations.scss +8 -0
  131. package/src/sass/includes/_as_badges.scss +27 -0
  132. package/src/sass/includes/_as_breadcrumb.scss +39 -0
  133. package/src/sass/includes/_as_buttons.scss +235 -0
  134. package/src/sass/includes/_as_elements.scss +3 -0
  135. package/src/sass/includes/_as_fonts.scss +12 -0
  136. package/src/sass/includes/_as_globals.scss +1 -0
  137. package/src/sass/includes/_as_gridbuilder.scss +136 -0
  138. package/src/sass/includes/_as_inputs.scss +900 -0
  139. package/src/sass/includes/_as_loader.scss +37 -0
  140. package/src/sass/includes/_as_loaders.scss +41 -0
  141. package/src/sass/includes/_as_modals.scss +83 -0
  142. package/src/sass/includes/_as_navs.scss +120 -0
  143. package/src/sass/includes/_as_notifications.scss +30 -0
  144. package/src/sass/includes/_as_sizes.scss +4 -0
  145. package/src/sass/includes/_as_table.scss +276 -0
  146. package/src/sass/includes/_as_text.scss +73 -0
  147. package/src/sass/includes/_as_variables.scss +49 -0
  148. package/src/sass/main.scss +20 -0
  149. package/vue.config.js +8 -0
@@ -0,0 +1,29 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.546 16.352">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #86cffc;
6
+ }
7
+
8
+ .cls-1, .cls-2, .cls-3 {
9
+ stroke: #0b34e0;
10
+ stroke-linecap: round;
11
+ }
12
+
13
+ .cls-1, .cls-2 {
14
+ stroke-linejoin: round;
15
+ stroke-miterlimit: 10;
16
+ }
17
+
18
+ .cls-2, .cls-3 {
19
+ fill: none;
20
+ }
21
+ </style>
22
+ </defs>
23
+ <g id="Symbol_46_2" data-name="Symbol 46 – 2" transform="translate(-38.746 -143.819)">
24
+ <path id="Path_67" data-name="Path 67" class="cls-1" d="M39.1,31.822l-9.144-.646a1.252,1.252,0,0,1-1.171-1.352l.868-12.172A1.252,1.252,0,0,1,31,16.481l9.144.646a1.252,1.252,0,0,1,1.171,1.352l-.868,12.172A1.24,1.24,0,0,1,39.1,31.822Z" transform="translate(10.47 127.843)"/>
25
+ <line id="Line_230" data-name="Line 230" class="cls-2" x2="1.413" y2="0.101" transform="translate(42.557 146.857)"/>
26
+ <line id="Line_251" data-name="Line 251" class="cls-3" x2="1.575" y2="1.575" transform="matrix(0.996, 0.087, -0.087, 0.996, 43.509, 152.719)"/>
27
+ <line id="Line_252" data-name="Line 252" class="cls-3" x1="3.149" y2="3.149" transform="matrix(0.996, 0.087, -0.087, 0.996, 45.215, 151.288)"/>
28
+ </g>
29
+ </svg>
@@ -0,0 +1,25 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="5560.293 5180 10.901 10.901">
2
+ <defs>
3
+ <style>
4
+ .cls-1, .cls-3 {
5
+ fill: none;
6
+ }
7
+
8
+ .cls-1 {
9
+ stroke: #707070;
10
+ stroke-width: 2px;
11
+ }
12
+
13
+ .cls-2 {
14
+ stroke: none;
15
+ }
16
+ </style>
17
+ </defs>
18
+ <g id="Symbol_32_1" data-name="Symbol 32 – 1" transform="translate(4404.5 5164.694)">
19
+ <g id="Ellipse_34" data-name="Ellipse 34" class="cls-1" transform="translate(1157.418 15.306)">
20
+ <ellipse class="cls-2" cx="4.638" cy="4.638" rx="4.638" ry="4.638"/>
21
+ <ellipse class="cls-3" cx="4.638" cy="4.638" rx="3.638" ry="3.638"/>
22
+ </g>
23
+ <line id="Line_130" data-name="Line 130" class="cls-1" x1="2.657" y2="2.657" transform="translate(1156.5 22.843)"/>
24
+ </g>
25
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="7766.972 5063.419 11.699 11.699">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: none;
6
+ stroke: #D7DBE0;
7
+ stroke-width: 2px;
8
+ }
9
+ </style>
10
+ </defs>
11
+ <path id="Path_2" data-name="Path 2" class="cls-1" d="M3416.588,131.119l5.188-.085-.124-9.23" transform="translate(5444.513 2561.418) rotate(45)"/>
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="7766.972 5063.419 11.699 11.699">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: none;
6
+ stroke: #71be37;
7
+ stroke-width: 2px;
8
+ }
9
+ </style>
10
+ </defs>
11
+ <path id="Path_2" data-name="Path 2" class="cls-1" d="M3416.588,131.119l5.188-.085-.124-9.23" transform="translate(5444.513 2561.418) rotate(45)"/>
12
+ </svg>
@@ -0,0 +1,28 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="7513 5512 14 14">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #edffdd;
6
+ }
7
+
8
+ .cls-1, .cls-2 {
9
+ stroke: #71be37;
10
+ }
11
+
12
+ .cls-2, .cls-4 {
13
+ fill: none;
14
+ }
15
+
16
+ .cls-3 {
17
+ stroke: none;
18
+ }
19
+ </style>
20
+ </defs>
21
+ <g id="Symbol_3_63" data-name="Symbol 3 – 63" transform="translate(7240 4828)">
22
+ <g id="Ellipse_7" data-name="Ellipse 7" class="cls-1" transform="translate(273 684)">
23
+ <circle class="cls-3" cx="7" cy="7" r="7"/>
24
+ <circle class="cls-4" cx="7" cy="7" r="6.5"/>
25
+ </g>
26
+ <path id="Path_2" data-name="Path 2" class="cls-2" d="M3416.588,126.523l2.628-.043-.063-4.676" transform="translate(-2048.927 -1814.521) rotate(45)"/>
27
+ </g>
28
+ </svg>
@@ -0,0 +1,32 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="7513 5512 14 14">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #D7DBE0;
6
+ }
7
+
8
+ .cls-1 {
9
+ stroke: #e1e6ed;
10
+ }
11
+
12
+ .cls-2{
13
+ stroke: white;
14
+ }
15
+
16
+ .cls-2, .cls-4 {
17
+ fill: none;
18
+ }
19
+
20
+ .cls-3 {
21
+ stroke: none;
22
+ }
23
+ </style>
24
+ </defs>
25
+ <g id="Symbol_3_63" data-name="Symbol 3 – 63" transform="translate(7240 4828)">
26
+ <g id="Ellipse_7" data-name="Ellipse 7" class="cls-1" transform="translate(273 684)">
27
+ <circle class="cls-3" cx="7" cy="7" r="7"/>
28
+ <circle class="cls-4" cx="7" cy="7" r="6.5"/>
29
+ </g>
30
+ <path id="Path_2" data-name="Path 2" class="cls-2" d="M3416.588,126.523l2.628-.043-.063-4.676" transform="translate(-2048.927 -1814.521) rotate(45)"/>
31
+ </g>
32
+ </svg>
@@ -0,0 +1,30 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="7516 5379 14 14">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #e2f8ff;
6
+ }
7
+
8
+ .cls-1, .cls-2 {
9
+ stroke: #189ed1;
10
+ }
11
+
12
+ .cls-2, .cls-4 {
13
+ fill: none;
14
+ }
15
+
16
+ .cls-3 {
17
+ stroke: none;
18
+ }
19
+ </style>
20
+ </defs>
21
+ <g id="Symbol_2_53" data-name="Symbol 2 – 53" transform="translate(6635 4814)">
22
+ <g id="Ellipse_13" data-name="Ellipse 13" class="cls-1" transform="translate(881 565)">
23
+ <circle class="cls-3" cx="7" cy="7" r="7"/>
24
+ <circle class="cls-4" cx="7" cy="7" r="6.5"/>
25
+ </g>
26
+ <path id="Path_3" data-name="Path 3" class="cls-2" d="M3499.352,466v2.1h5.181V466" transform="translate(-2613.853 106.124)"/>
27
+ <path id="Path_4" data-name="Path 4" class="cls-2" d="M3503.417,465.579v-3.173" transform="translate(-2615.342 106.986)"/>
28
+ <path id="Path_5" data-name="Path 5" class="cls-2" d="M3501.846,463.634l1.344-1.344,1.344,1.344" transform="translate(-2615.158 107)"/>
29
+ </g>
30
+ </svg>