@lavalogic/scoria 0.40.13 → 0.40.15

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 (143) hide show
  1. package/README.md +58 -58
  2. package/dist/Components/AccordionGroup.svelte +35 -46
  3. package/dist/Components/AccordionGroupButton.svelte +68 -76
  4. package/dist/Components/Action.svelte +103 -135
  5. package/dist/Components/AlertModal.svelte +171 -190
  6. package/dist/Components/AppointmentCalendar/AppointmentCalendar.svelte +614 -697
  7. package/dist/Components/Base/BaseModal.svelte +90 -116
  8. package/dist/Components/Base/ContextWrapper.svelte +67 -72
  9. package/dist/Components/Base/Pagination.svelte +173 -196
  10. package/dist/Components/Base/Snippets.svelte +34 -36
  11. package/dist/Components/BigRadioSet.svelte +36 -38
  12. package/dist/Components/Bubble.svelte +78 -101
  13. package/dist/Components/Button.svelte +175 -208
  14. package/dist/Components/Checkbox.svelte +75 -86
  15. package/dist/Components/CollapsibleCard.svelte +72 -87
  16. package/dist/Components/CollapsibleMenuGroup.svelte +53 -57
  17. package/dist/Components/ConditionBuilder/ConditionBuilder.svelte +39 -64
  18. package/dist/Components/Contexts/ContextMenu.svelte +141 -156
  19. package/dist/Components/Contexts/ContextMenuDivider.svelte +15 -15
  20. package/dist/Components/Contexts/ContextMenuOption.svelte +53 -60
  21. package/dist/Components/Contexts/Toast.svelte +81 -86
  22. package/dist/Components/Contexts/ToastContainer.svelte +58 -62
  23. package/dist/Components/Contexts/Tooltip.svelte +36 -37
  24. package/dist/Components/DataMatrixIcon.svelte +95 -108
  25. package/dist/Components/DateInput.svelte +118 -146
  26. package/dist/Components/DatePicker.svelte +255 -294
  27. package/dist/Components/DesktopModal.svelte +70 -90
  28. package/dist/Components/Dial.svelte +167 -197
  29. package/dist/Components/DimensionInput.svelte +124 -169
  30. package/dist/Components/DragMenu/DragMenuHolder.svelte +98 -114
  31. package/dist/Components/DragMenu/DraggableCard.svelte +64 -76
  32. package/dist/Components/FileCard.svelte +21 -24
  33. package/dist/Components/FileUpload.svelte +190 -225
  34. package/dist/Components/GridInput.svelte +159 -196
  35. package/dist/Components/GridInputSet.svelte +24 -29
  36. package/dist/Components/HorizontalTabGroup.svelte +73 -89
  37. package/dist/Components/HorizontalTabGroupButton.svelte +40 -44
  38. package/dist/Components/Icon.svelte +99 -128
  39. package/dist/Components/Icons.js +357 -357
  40. package/dist/Components/InfoAlert.svelte +35 -38
  41. package/dist/Components/LoadingAnimation.svelte +691 -755
  42. package/dist/Components/LoadingModal.svelte +36 -44
  43. package/dist/Components/LoadingOverlay.svelte +22 -26
  44. package/dist/Components/Modal.svelte +204 -254
  45. package/dist/Components/MultiSelect.svelte +186 -216
  46. package/dist/Components/Nav/Nav.svelte +94 -110
  47. package/dist/Components/Nav/NavServiceMenuList.svelte +57 -61
  48. package/dist/Components/Nav/NavTab.svelte +58 -62
  49. package/dist/Components/Nav/ServiceMenuItem.svelte +103 -111
  50. package/dist/Components/Nav/ServicesNav.svelte +72 -79
  51. package/dist/Components/NumberInput.svelte +121 -155
  52. package/dist/Components/OptionCards.svelte +62 -73
  53. package/dist/Components/PageHeading.svelte +23 -25
  54. package/dist/Components/PasswordInput.svelte +69 -88
  55. package/dist/Components/PopoverButton.svelte +151 -0
  56. package/dist/Components/PopoverButton.svelte.d.ts +9 -0
  57. package/dist/Components/PopoverButtonProps.d.ts +21 -0
  58. package/dist/Components/PopoverButtonProps.js +1 -0
  59. package/dist/Components/Portal.svelte +29 -35
  60. package/dist/Components/ProgressBubble.svelte +91 -106
  61. package/dist/Components/QuerySelect.svelte +260 -346
  62. package/dist/Components/SidebarPanel.svelte +34 -36
  63. package/dist/Components/SingleSelect.svelte +196 -244
  64. package/dist/Components/StepButton.svelte +65 -70
  65. package/dist/Components/StepForm.svelte +115 -135
  66. package/dist/Components/Switch.svelte +57 -69
  67. package/dist/Components/Table/ARCHITECTURE.md +298 -298
  68. package/dist/Components/Table/Body/QuickSearchCell.svelte +578 -655
  69. package/dist/Components/Table/Body/Rows/ColumnHighlight.svelte +42 -51
  70. package/dist/Components/Table/Body/Rows/ColumnList.svelte +42 -58
  71. package/dist/Components/Table/Body/Rows/ColumnListRow.svelte +403 -442
  72. package/dist/Components/Table/Body/Rows/Columns/AccessorComponent.svelte +51 -78
  73. package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte +165 -184
  74. package/dist/Components/Table/Body/Rows/Columns/BubbleCell.svelte +110 -123
  75. package/dist/Components/Table/Body/Rows/Columns/ExpandCell.svelte +134 -160
  76. package/dist/Components/Table/Body/Rows/Columns/FocusableImmutableCell.svelte +190 -231
  77. package/dist/Components/Table/Body/Rows/Columns/ProgressCell.svelte +82 -104
  78. package/dist/Components/Table/Body/Rows/Columns/TableAction.svelte +52 -87
  79. package/dist/Components/Table/Body/Rows/Columns/TableCheckbox.svelte +122 -150
  80. package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte +132 -159
  81. package/dist/Components/Table/Body/Rows/Columns/TableDatePicker.svelte +190 -236
  82. package/dist/Components/Table/Body/Rows/Columns/TableNumberInput.svelte +173 -211
  83. package/dist/Components/Table/Body/Rows/Columns/TableQuerySelect.svelte +204 -244
  84. package/dist/Components/Table/Body/Rows/Columns/TableRowSelectionCheckbox.svelte +140 -177
  85. package/dist/Components/Table/Body/Rows/Columns/TableSelect.svelte +188 -217
  86. package/dist/Components/Table/Body/Rows/Columns/TableTextInput.svelte +173 -193
  87. package/dist/Components/Table/Body/Rows/Columns/ValidityCell.svelte +166 -187
  88. package/dist/Components/Table/Body/Rows/TableRow.svelte +245 -288
  89. package/dist/Components/Table/Body/TableBody.svelte +141 -154
  90. package/dist/Components/Table/Headers/HighlightAllHeader.svelte +35 -41
  91. package/dist/Components/Table/Headers/SelectAllHeader.svelte +24 -30
  92. package/dist/Components/Table/Headers/TableHead.svelte +348 -402
  93. package/dist/Components/Table/Misc/ColumnPanel.svelte +37 -39
  94. package/dist/Components/Table/Misc/ColumnPanelModal.svelte +35 -39
  95. package/dist/Components/Table/Misc/FilterInput.svelte +556 -619
  96. package/dist/Components/Table/Misc/FilterPanel.svelte +170 -183
  97. package/dist/Components/Table/Misc/FilterPanelModal.svelte +25 -31
  98. package/dist/Components/Table/Misc/ShareViewModal.svelte +252 -281
  99. package/dist/Components/Table/Misc/SidePanel.svelte +32 -35
  100. package/dist/Components/Table/Misc/TableConfigurationModal.svelte +574 -629
  101. package/dist/Components/Table/Misc/TableFooter.svelte +326 -332
  102. package/dist/Components/Table/Misc/TableHorizontalBar.svelte +134 -140
  103. package/dist/Components/Table/Misc/TableSidebar.svelte +183 -198
  104. package/dist/Components/Table/Misc/TableViewDropdown.svelte +83 -103
  105. package/dist/Components/Table/Misc/ToolboxPanel.svelte +83 -100
  106. package/dist/Components/Table/Misc/ToolboxPanelModal.svelte +88 -107
  107. package/dist/Components/Table/Misc/UpdateViewOptionsModal.svelte +163 -190
  108. package/dist/Components/Table/NestedTable.svelte +102 -128
  109. package/dist/Components/Table/Table.svelte +531 -663
  110. package/dist/Components/Test/TestContextConsumer.svelte +11 -13
  111. package/dist/Components/TextArea.svelte +95 -130
  112. package/dist/Components/TextInput.svelte +125 -176
  113. package/dist/Components/ThreeStateRadio.svelte +111 -130
  114. package/dist/Components/Touch/BoolCard.svelte +33 -45
  115. package/dist/Components/Touch/DateModal.svelte +164 -204
  116. package/dist/Components/Touch/EditCard.svelte +48 -59
  117. package/dist/Components/Touch/InfoCard.svelte +28 -31
  118. package/dist/Components/Touch/InfoTextCard.svelte +26 -28
  119. package/dist/Components/Touch/ModalExplanation.svelte +15 -17
  120. package/dist/Components/Touch/NumberKeyboard.svelte +181 -218
  121. package/dist/Components/Touch/NumberModal.svelte +59 -79
  122. package/dist/Components/Touch/PlusMinusCard.svelte +43 -46
  123. package/dist/Components/Touch/SelectModal.svelte +111 -126
  124. package/dist/Components/Touch/SummaryCard.svelte +80 -93
  125. package/dist/Components/Touch/TextAreaModal.svelte +72 -94
  126. package/dist/Components/Touch/TextModal.svelte +77 -105
  127. package/dist/Components/Touch/TouchCard.svelte +31 -33
  128. package/dist/Components/Touch/TouchModal.svelte +214 -270
  129. package/dist/Components/Touch/UtilityButton.svelte +88 -109
  130. package/dist/Components/VerticalTabGroup.svelte +60 -78
  131. package/dist/Components/VerticalTabGroupButton.svelte +54 -58
  132. package/dist/Helpers/Datamatrix.d.ts +19 -19
  133. package/dist/Helpers/Datamatrix.js +291 -291
  134. package/dist/Types/Examples/ExampleModal.svelte +31 -35
  135. package/dist/index.d.ts +2 -0
  136. package/dist/index.js +1 -0
  137. package/dist/scss/_basics.scss +12 -12
  138. package/dist/scss/_colours.scss +134 -134
  139. package/dist/scss/_mixins.scss +3392 -3392
  140. package/dist/scss/_motion.scss +57 -57
  141. package/dist/scss/_sizing.scss +85 -85
  142. package/dist/scss/_transitions.scss +8 -8
  143. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
- @use './colours.scss';
2
-
3
- //border
4
- $border: solid 1px colours.$ui-blue-4;
5
- $border-mid: solid 2px colours.$ui-blue-4;
6
- $border-thick: solid 3px colours.$ui-blue-4;
7
-
8
- //box-shadow
9
- $table-focus: 0px 0px 1px 1px colours.$brand-primary inset;
10
-
11
- $box-shadow: 0px 0px 5px 0px #0002;
12
- $error-box-shadow: 0px 0px 5px 0px #aa141422;
1
+ @use './colours.scss';
2
+
3
+ //border
4
+ $border: solid 1px colours.$ui-blue-4;
5
+ $border-mid: solid 2px colours.$ui-blue-4;
6
+ $border-thick: solid 3px colours.$ui-blue-4;
7
+
8
+ //box-shadow
9
+ $table-focus: 0px 0px 1px 1px colours.$brand-primary inset;
10
+
11
+ $box-shadow: 0px 0px 5px 0px #0002;
12
+ $error-box-shadow: 0px 0px 5px 0px #aa141422;
@@ -1,134 +1,134 @@
1
- $transparent-0: rgba(0, 0, 0, 0);
2
- $transparent-10: rgba(0, 0, 0, 0.1);
3
- $transparent-20: rgba(0, 0, 0, 0.2);
4
-
5
- $ui-black: #000000;
6
- $ui-white: #ffffff;
7
- $purple: #9b51e0; // For Testing
8
-
9
- $ui-blue-1: #f4f7f9;
10
- $ui-blue-2: #e9ecf1;
11
- $ui-blue-3: #dae0e5;
12
- $ui-blue-4: #cbd4da; // Standard Border Colour
13
- $ui-blue-5: #bcc8d0;
14
- $ui-blue-6: #adbbc5;
15
- $ui-blue-7: #9eafba;
16
- $ui-blue-8: #8fa3b0;
17
- $ui-blue-9: #8096a5; // Font Disabled
18
- $ui-blue-10: #718a9b;
19
- $ui-blue-11: #647d8e; // Font Secondary
20
- $ui-blue-12: #5a707f;
21
- $ui-blue-13: #4f6370;
22
- $ui-blue-14: #455661;
23
- $ui-blue-15: #3a4952; // Font Primary
24
- $ui-blue-16: #2f3b43;
25
- $ui-blue-17: #252e34;
26
- $ui-blue-18: #1a2125;
27
- $ui-blue-19: #101416;
28
- $ui-blue-20: #050707;
29
-
30
- $primary-blue-1: #f4fbfd;
31
- $primary-blue-2: #e6f8fd;
32
- $primary-blue-3: #caeaf5;
33
- $primary-blue-4: #b4e2f0;
34
- $primary-blue-5: #9fdaec;
35
- $primary-blue-6: #8ad1e8;
36
- $primary-blue-7: #74c9e4;
37
- $primary-blue-8: #5fc1e0;
38
- $primary-blue-9: #49b8dc;
39
- $primary-blue-10: #34b0d8;
40
- $primary-blue-11: #259fc7; // Brand Primary
41
- $primary-blue-12: #2392b5;
42
- $primary-blue-13: #1f81a0; // Brand Dark
43
- $primary-blue-14: #1b708b;
44
- $primary-blue-15: #175f75;
45
- $primary-blue-16: #134d60;
46
- $primary-blue-17: #0f3c4b;
47
- $primary-blue-18: #0a2b35;
48
- $primary-blue-19: #061a20;
49
- $primary-blue-20: #02090b;
50
-
51
- $primary-background: #edfaff;
52
- $brand-primary: #259fc7;
53
- $brand-dark: #1f81a0;
54
- $brand-dark-transparent-20: rgba(31, 129, 160, 0.2);
55
- $brand-dark-transparent-40: rgba(31, 129, 160, 0.4);
56
-
57
- $font-primary: #3a4952;
58
- $font-secondary-heading: #46525b;
59
- $font-secondary: #647d8e;
60
- $font-disabled: #8096a5;
61
-
62
- $error: #c31818;
63
- $error-border: #aa1414;
64
- $error-background: #f9e9e9;
65
- $warning: #f8eab8;
66
- $warning-border: #e7b500;
67
-
68
- $allocated-background: #e7b100;
69
- $in-picking-background: #ec58c3;
70
- $in-picking-colour: #720653;
71
- $picked-background: #bd2e95;
72
- $in-sorting-background: #b259ea;
73
- $in-sorting-colour: #560985;
74
- $sorted-background: #9032ca;
75
- $in-kitting-background: #9d85fc;
76
- $in-kitting-colour: #4129a4;
77
- $kitted-background: #6e51e0;
78
- $in-packing-background: #8ab1df;
79
- $in-packing-colour: #103977;
80
- $packed-background: #3e6eb5;
81
- $in-marshalling-background: #8ad0df;
82
- $in-marshalling-colour: #13758a;
83
- $marshalled-background: #3ea0b5;
84
- $in-loading-background: #8adfc8;
85
- $in-loading-colour: #126a51;
86
- $loaded-background: #3eb592;
87
- $in-despatch-background: #7bbc6f;
88
- $in-despatch-colour: #104c05;
89
- $despatched-background: #2f921d;
90
-
91
- // Borders are $ui-blue-4
92
-
93
- // $ui-two: #ececec;
94
- // $ui-three: #c0c0c0;
95
- // $ui-four: #515b65;
96
- // $ui-four: #9B51E0;
97
- // $ui-seven: #d5dbe0;
98
- // $ui-eight: #fcfcfc;
99
- // $ui-grey: #c0c8ce;
100
- // $main: #54636d;
101
- $alt: #8f989e;
102
- // $background-light: #dce1e5;
103
- // $background: #f6f7f8;
104
- // $background-dark: #e8ebed;
105
- // $dark-blue: #3888c1;
106
- // $primary: #2f97ba;
107
- // $info-text: #0e82ae;
108
- // $info-light-text: #6ac1e8;
109
- // $primary-dark: #0e7598;
110
- // $primary-hover: hsl(205, 55%, 35%);
111
- // $brand-one: #4db0da;
112
- // $brand-two: #18769d;
113
- // $shipments: #129acd;
114
- // $progress: #259abf;
115
-
116
- // $dark-blue-transparent: rgba(56, 136, 193, 0.2);
117
- // $dark-blue-semi-transparent: rgba(56, 136, 193, 0.4);
118
- // $secondary: #4f5a63;
119
- // $info-background: #d6effa;
120
- // $info-light-background: #f3f9fb;
121
- // $hovered: rgba(166, 167, 168, 0.369);
122
- // $white: #fff;
123
- // $light-border: #ced2d6;
124
- // $state-info: #e8f6fd;
125
- // $state-info--alt: #f9fdff;
126
- // $ui-dark-opacity: rgba(0, 0, 0, 0.2);
127
- // $info-text-text: #525252;
128
- // $info-text-background: #f6fcfe;
129
- // $marked: #e8f6fd;
130
- // $marked: #f9fdff;
131
- // $side-menu-background: #eef1f3;
132
- // $label: #6d7883;
133
- // $warehouse-bubble: #c3cad3;
134
- // $warning: rgba(231, 181, 0, 0.228);
1
+ $transparent-0: rgba(0, 0, 0, 0);
2
+ $transparent-10: rgba(0, 0, 0, 0.1);
3
+ $transparent-20: rgba(0, 0, 0, 0.2);
4
+
5
+ $ui-black: #000000;
6
+ $ui-white: #ffffff;
7
+ $purple: #9b51e0; // For Testing
8
+
9
+ $ui-blue-1: #f4f7f9;
10
+ $ui-blue-2: #e9ecf1;
11
+ $ui-blue-3: #dae0e5;
12
+ $ui-blue-4: #cbd4da; // Standard Border Colour
13
+ $ui-blue-5: #bcc8d0;
14
+ $ui-blue-6: #adbbc5;
15
+ $ui-blue-7: #9eafba;
16
+ $ui-blue-8: #8fa3b0;
17
+ $ui-blue-9: #8096a5; // Font Disabled
18
+ $ui-blue-10: #718a9b;
19
+ $ui-blue-11: #647d8e; // Font Secondary
20
+ $ui-blue-12: #5a707f;
21
+ $ui-blue-13: #4f6370;
22
+ $ui-blue-14: #455661;
23
+ $ui-blue-15: #3a4952; // Font Primary
24
+ $ui-blue-16: #2f3b43;
25
+ $ui-blue-17: #252e34;
26
+ $ui-blue-18: #1a2125;
27
+ $ui-blue-19: #101416;
28
+ $ui-blue-20: #050707;
29
+
30
+ $primary-blue-1: #f4fbfd;
31
+ $primary-blue-2: #e6f8fd;
32
+ $primary-blue-3: #caeaf5;
33
+ $primary-blue-4: #b4e2f0;
34
+ $primary-blue-5: #9fdaec;
35
+ $primary-blue-6: #8ad1e8;
36
+ $primary-blue-7: #74c9e4;
37
+ $primary-blue-8: #5fc1e0;
38
+ $primary-blue-9: #49b8dc;
39
+ $primary-blue-10: #34b0d8;
40
+ $primary-blue-11: #259fc7; // Brand Primary
41
+ $primary-blue-12: #2392b5;
42
+ $primary-blue-13: #1f81a0; // Brand Dark
43
+ $primary-blue-14: #1b708b;
44
+ $primary-blue-15: #175f75;
45
+ $primary-blue-16: #134d60;
46
+ $primary-blue-17: #0f3c4b;
47
+ $primary-blue-18: #0a2b35;
48
+ $primary-blue-19: #061a20;
49
+ $primary-blue-20: #02090b;
50
+
51
+ $primary-background: #edfaff;
52
+ $brand-primary: #259fc7;
53
+ $brand-dark: #1f81a0;
54
+ $brand-dark-transparent-20: rgba(31, 129, 160, 0.2);
55
+ $brand-dark-transparent-40: rgba(31, 129, 160, 0.4);
56
+
57
+ $font-primary: #3a4952;
58
+ $font-secondary-heading: #46525b;
59
+ $font-secondary: #647d8e;
60
+ $font-disabled: #8096a5;
61
+
62
+ $error: #c31818;
63
+ $error-border: #aa1414;
64
+ $error-background: #f9e9e9;
65
+ $warning: #f8eab8;
66
+ $warning-border: #e7b500;
67
+
68
+ $allocated-background: #e7b100;
69
+ $in-picking-background: #ec58c3;
70
+ $in-picking-colour: #720653;
71
+ $picked-background: #bd2e95;
72
+ $in-sorting-background: #b259ea;
73
+ $in-sorting-colour: #560985;
74
+ $sorted-background: #9032ca;
75
+ $in-kitting-background: #9d85fc;
76
+ $in-kitting-colour: #4129a4;
77
+ $kitted-background: #6e51e0;
78
+ $in-packing-background: #8ab1df;
79
+ $in-packing-colour: #103977;
80
+ $packed-background: #3e6eb5;
81
+ $in-marshalling-background: #8ad0df;
82
+ $in-marshalling-colour: #13758a;
83
+ $marshalled-background: #3ea0b5;
84
+ $in-loading-background: #8adfc8;
85
+ $in-loading-colour: #126a51;
86
+ $loaded-background: #3eb592;
87
+ $in-despatch-background: #7bbc6f;
88
+ $in-despatch-colour: #104c05;
89
+ $despatched-background: #2f921d;
90
+
91
+ // Borders are $ui-blue-4
92
+
93
+ // $ui-two: #ececec;
94
+ // $ui-three: #c0c0c0;
95
+ // $ui-four: #515b65;
96
+ // $ui-four: #9B51E0;
97
+ // $ui-seven: #d5dbe0;
98
+ // $ui-eight: #fcfcfc;
99
+ // $ui-grey: #c0c8ce;
100
+ // $main: #54636d;
101
+ $alt: #8f989e;
102
+ // $background-light: #dce1e5;
103
+ // $background: #f6f7f8;
104
+ // $background-dark: #e8ebed;
105
+ // $dark-blue: #3888c1;
106
+ // $primary: #2f97ba;
107
+ // $info-text: #0e82ae;
108
+ // $info-light-text: #6ac1e8;
109
+ // $primary-dark: #0e7598;
110
+ // $primary-hover: hsl(205, 55%, 35%);
111
+ // $brand-one: #4db0da;
112
+ // $brand-two: #18769d;
113
+ // $shipments: #129acd;
114
+ // $progress: #259abf;
115
+
116
+ // $dark-blue-transparent: rgba(56, 136, 193, 0.2);
117
+ // $dark-blue-semi-transparent: rgba(56, 136, 193, 0.4);
118
+ // $secondary: #4f5a63;
119
+ // $info-background: #d6effa;
120
+ // $info-light-background: #f3f9fb;
121
+ // $hovered: rgba(166, 167, 168, 0.369);
122
+ // $white: #fff;
123
+ // $light-border: #ced2d6;
124
+ // $state-info: #e8f6fd;
125
+ // $state-info--alt: #f9fdff;
126
+ // $ui-dark-opacity: rgba(0, 0, 0, 0.2);
127
+ // $info-text-text: #525252;
128
+ // $info-text-background: #f6fcfe;
129
+ // $marked: #e8f6fd;
130
+ // $marked: #f9fdff;
131
+ // $side-menu-background: #eef1f3;
132
+ // $label: #6d7883;
133
+ // $warehouse-bubble: #c3cad3;
134
+ // $warning: rgba(231, 181, 0, 0.228);