@adcops/autocore-react 3.3.8 → 3.3.10

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 (215) hide show
  1. package/LICENSE +58 -58
  2. package/additional-docs/AutoCoreTagContext.md +441 -441
  3. package/additional-docs/ButtonApiSpecs.md +48 -48
  4. package/additional-docs/GlobalEventEmitter.md +243 -243
  5. package/additional-docs/general_recommendations.md +22 -22
  6. package/additional-docs/react_performance_notes.md +94 -94
  7. package/dist/assets/svg/blockly_logo.svg +82 -82
  8. package/dist/assets/svg/distance.svg +40 -40
  9. package/dist/assets/svg/python_logo.svg +246 -246
  10. package/dist/assets/svg/rotation_ccw.svg +50 -50
  11. package/dist/assets/svg/rotation_ccw_a.svg +57 -57
  12. package/dist/assets/svg/rotation_ccw_b.svg +57 -57
  13. package/dist/assets/svg/rotation_ccw_c.svg +57 -57
  14. package/dist/assets/svg/rotation_cw.svg +49 -49
  15. package/dist/assets/svg/rotation_cw_a.svg +30 -30
  16. package/dist/assets/svg/rotation_cw_b.svg +30 -30
  17. package/dist/assets/svg/rotation_cw_c.svg +30 -30
  18. package/dist/assets/svg/speed.svg +39 -39
  19. package/dist/components/BlocklyEditor.css +93 -93
  20. package/dist/components/JogPanel.css +41 -41
  21. package/dist/components/ProgressBarWithValue.css +27 -27
  22. package/dist/components/ValueIndicator.css +31 -31
  23. package/dist/components/osk.css +123 -123
  24. package/dist/core/AutoCoreTagContext.d.ts.map +1 -1
  25. package/dist/core/AutoCoreTagContext.js +1 -1
  26. package/dist/hub/HubBase.d.ts +3 -3
  27. package/dist/hub/HubBase.d.ts.map +1 -1
  28. package/dist/hub/HubBase.js +1 -1
  29. package/package.json +104 -104
  30. package/readme.md +343 -343
  31. package/src/assets/BlocklyLogo.tsx +27 -27
  32. package/src/assets/Distance.tsx +18 -18
  33. package/src/assets/JogLong.tsx +13 -13
  34. package/src/assets/JogMedium.tsx +13 -13
  35. package/src/assets/JogShort.tsx +13 -13
  36. package/src/assets/PythonLogo.tsx +83 -83
  37. package/src/assets/Rotation3D.tsx +13 -13
  38. package/src/assets/RotationCcw.tsx +33 -33
  39. package/src/assets/RotationCcwA.tsx +45 -45
  40. package/src/assets/RotationCcwB.tsx +45 -45
  41. package/src/assets/RotationCcwC.tsx +45 -45
  42. package/src/assets/RotationCw.tsx +31 -31
  43. package/src/assets/RotationCwA.tsx +42 -42
  44. package/src/assets/RotationCwB.tsx +42 -42
  45. package/src/assets/RotationCwC.tsx +42 -42
  46. package/src/assets/Run.tsx +13 -13
  47. package/src/assets/Speed.tsx +18 -18
  48. package/src/assets/SpeedFast.tsx +13 -13
  49. package/src/assets/SpeedMedium.tsx +13 -13
  50. package/src/assets/SpeedNone.tsx +13 -13
  51. package/src/assets/SpeedSlow.tsx +13 -13
  52. package/src/assets/Walk.tsx +13 -13
  53. package/src/assets/index.ts +22 -22
  54. package/src/assets/svg/blockly_logo.svg +82 -82
  55. package/src/assets/svg/distance.svg +40 -40
  56. package/src/assets/svg/python_logo.svg +246 -246
  57. package/src/assets/svg/rotation_ccw.svg +50 -50
  58. package/src/assets/svg/rotation_ccw_a.svg +57 -57
  59. package/src/assets/svg/rotation_ccw_b.svg +57 -57
  60. package/src/assets/svg/rotation_ccw_c.svg +57 -57
  61. package/src/assets/svg/rotation_cw.svg +49 -49
  62. package/src/assets/svg/rotation_cw_a.svg +30 -30
  63. package/src/assets/svg/rotation_cw_b.svg +30 -30
  64. package/src/assets/svg/rotation_cw_c.svg +30 -30
  65. package/src/assets/svg/speed.svg +39 -39
  66. package/src/components/AutoCoreDevPanel.tsx +414 -414
  67. package/src/components/BlocklyEditor.css +93 -93
  68. package/src/components/BlocklyEditor.tsx +609 -609
  69. package/src/components/CodeEditor.tsx +155 -155
  70. package/src/components/FileList.tsx +390 -390
  71. package/src/components/FileSelect.tsx +128 -128
  72. package/src/components/FitText.tsx +35 -35
  73. package/src/components/Indicator.tsx +188 -188
  74. package/src/components/IndicatorButton.tsx +214 -214
  75. package/src/components/IndicatorRect.tsx +172 -172
  76. package/src/components/JogPanel.css +41 -41
  77. package/src/components/JogPanel.tsx +461 -461
  78. package/src/components/Lamp.tsx +243 -243
  79. package/src/components/Osk.tsx +192 -192
  80. package/src/components/OskDialog.tsx +164 -164
  81. package/src/components/ProgressBarWithValue.css +27 -27
  82. package/src/components/ProgressBarWithValue.tsx +48 -48
  83. package/src/components/TextInput.tsx +195 -195
  84. package/src/components/ToggleGroup.tsx +322 -322
  85. package/src/components/ValueDisplay.tsx +236 -236
  86. package/src/components/ValueIndicator.css +31 -31
  87. package/src/components/ValueIndicator.tsx +135 -135
  88. package/src/components/ValueInput.tsx +368 -368
  89. package/src/components/osk.css +123 -123
  90. package/src/core/ActionMode.ts +19 -19
  91. package/src/core/AutoCoreTagContext.tsx +625 -614
  92. package/src/core/AutoCoreTagTypes.ts +334 -334
  93. package/src/core/CoreStreamTypes.ts +512 -512
  94. package/src/core/EventEmitterContext.tsx +434 -434
  95. package/src/core/IndicatorButtonState.ts +34 -34
  96. package/src/core/IndicatorColor.ts +35 -35
  97. package/src/core/MaskPatterns.ts +87 -87
  98. package/src/core/NumerableTypes.ts +80 -80
  99. package/src/core/PositionContext.ts +59 -59
  100. package/src/core/UniqueId.ts +41 -41
  101. package/src/core/ValueSimulator.ts +166 -166
  102. package/src/core/hoc.tsx +65 -65
  103. package/src/hooks/adsHooks.tsx +287 -287
  104. package/src/hooks/commandHooks.tsx +300 -300
  105. package/src/hooks/index.ts +12 -12
  106. package/src/hooks/useAutoCoreTag.ts +103 -103
  107. package/src/hooks/useScaledValue.tsx +99 -99
  108. package/src/hub/CommandMessage.ts +89 -89
  109. package/src/hub/DebugPanel.ts +307 -307
  110. package/src/hub/HubBase.ts +249 -236
  111. package/src/hub/HubSimulate.ts +124 -124
  112. package/src/hub/HubTauri.ts +140 -140
  113. package/src/hub/HubWebSocket.ts +250 -250
  114. package/src/hub/debug.ts +211 -211
  115. package/src/hub/index.ts +81 -81
  116. package/src/themes/adc-dark/_extensions.scss +166 -166
  117. package/src/themes/adc-dark/_variables.scss +913 -913
  118. package/src/themes/adc-dark/blue/_fonts.scss +23 -23
  119. package/src/themes/adc-dark/blue/adc_theme.scss +31 -31
  120. package/src/themes/adc-dark/blue/theme.scss +14 -14
  121. package/src/themes/theme-base/_colors.scss +17 -17
  122. package/src/themes/theme-base/_common.scss +74 -74
  123. package/src/themes/theme-base/_components.scss +111 -111
  124. package/src/themes/theme-base/_mixins.scss +243 -243
  125. package/src/themes/theme-base/components/button/_button.scss +644 -644
  126. package/src/themes/theme-base/components/button/_speeddial.scss +91 -91
  127. package/src/themes/theme-base/components/button/_splitbutton.scss +358 -358
  128. package/src/themes/theme-base/components/data/_carousel.scss +39 -39
  129. package/src/themes/theme-base/components/data/_datascroller.scss +47 -47
  130. package/src/themes/theme-base/components/data/_datatable.scss +388 -388
  131. package/src/themes/theme-base/components/data/_dataview.scss +47 -47
  132. package/src/themes/theme-base/components/data/_filter.scss +137 -137
  133. package/src/themes/theme-base/components/data/_orderlist.scss +86 -86
  134. package/src/themes/theme-base/components/data/_organizationchart.scss +50 -50
  135. package/src/themes/theme-base/components/data/_paginator.scss +91 -91
  136. package/src/themes/theme-base/components/data/_picklist.scss +73 -73
  137. package/src/themes/theme-base/components/data/_timeline.scss +38 -38
  138. package/src/themes/theme-base/components/data/_tree.scss +184 -184
  139. package/src/themes/theme-base/components/data/_treetable.scss +431 -431
  140. package/src/themes/theme-base/components/file/_fileupload.scss +41 -41
  141. package/src/themes/theme-base/components/input/_autocomplete.scss +94 -94
  142. package/src/themes/theme-base/components/input/_calendar.scss +251 -251
  143. package/src/themes/theme-base/components/input/_cascadeselect.scss +107 -107
  144. package/src/themes/theme-base/components/input/_checkbox.scss +181 -181
  145. package/src/themes/theme-base/components/input/_chips.scss +102 -102
  146. package/src/themes/theme-base/components/input/_colorpicker.scss +17 -17
  147. package/src/themes/theme-base/components/input/_dropdown.scss +252 -252
  148. package/src/themes/theme-base/components/input/_editor.scss +122 -122
  149. package/src/themes/theme-base/components/input/_iconfield.scss +9 -9
  150. package/src/themes/theme-base/components/input/_inputgroup.scss +74 -74
  151. package/src/themes/theme-base/components/input/_inputicon.scss +14 -14
  152. package/src/themes/theme-base/components/input/_inputnumber.scss +4 -4
  153. package/src/themes/theme-base/components/input/_inputotp.scss +10 -10
  154. package/src/themes/theme-base/components/input/_inputswitch.scss +99 -99
  155. package/src/themes/theme-base/components/input/_inputtext.scss +101 -101
  156. package/src/themes/theme-base/components/input/_listbox.scss +138 -138
  157. package/src/themes/theme-base/components/input/_mention.scss +30 -30
  158. package/src/themes/theme-base/components/input/_multiselect.scss +278 -278
  159. package/src/themes/theme-base/components/input/_password.scss +32 -32
  160. package/src/themes/theme-base/components/input/_radiobutton.scss +169 -169
  161. package/src/themes/theme-base/components/input/_rating.scss +80 -80
  162. package/src/themes/theme-base/components/input/_selectbutton.scss +49 -49
  163. package/src/themes/theme-base/components/input/_slider.scss +49 -49
  164. package/src/themes/theme-base/components/input/_togglebutton.scss +99 -99
  165. package/src/themes/theme-base/components/input/_treeselect.scss +151 -151
  166. package/src/themes/theme-base/components/input/_tristatecheckbox.scss +46 -46
  167. package/src/themes/theme-base/components/menu/_breadcrumb.scss +42 -42
  168. package/src/themes/theme-base/components/menu/_contextmenu.scss +39 -39
  169. package/src/themes/theme-base/components/menu/_dock.scss +109 -109
  170. package/src/themes/theme-base/components/menu/_megamenu.scss +141 -141
  171. package/src/themes/theme-base/components/menu/_menu.scss +33 -33
  172. package/src/themes/theme-base/components/menu/_menubar.scss +216 -216
  173. package/src/themes/theme-base/components/menu/_panelmenu.scss +153 -153
  174. package/src/themes/theme-base/components/menu/_slidemenu.scss +60 -60
  175. package/src/themes/theme-base/components/menu/_steps.scss +57 -57
  176. package/src/themes/theme-base/components/menu/_tabmenu.scss +50 -50
  177. package/src/themes/theme-base/components/menu/_tieredmenu.scss +43 -43
  178. package/src/themes/theme-base/components/messages/_inlinemessage.scss +69 -69
  179. package/src/themes/theme-base/components/messages/_message.scss +107 -107
  180. package/src/themes/theme-base/components/messages/_toast.scss +100 -100
  181. package/src/themes/theme-base/components/misc/_avatar.scss +33 -33
  182. package/src/themes/theme-base/components/misc/_badge.scss +76 -76
  183. package/src/themes/theme-base/components/misc/_chip.scss +38 -38
  184. package/src/themes/theme-base/components/misc/_inplace.scss +17 -17
  185. package/src/themes/theme-base/components/misc/_metergroup.scss +80 -80
  186. package/src/themes/theme-base/components/misc/_progressbar.scss +17 -17
  187. package/src/themes/theme-base/components/misc/_scrolltop.scss +24 -24
  188. package/src/themes/theme-base/components/misc/_skeleton.scss +7 -7
  189. package/src/themes/theme-base/components/misc/_tag.scss +39 -39
  190. package/src/themes/theme-base/components/misc/_terminal.scss +12 -12
  191. package/src/themes/theme-base/components/multimedia/_galleria.scss +153 -153
  192. package/src/themes/theme-base/components/multimedia/_image.scss +53 -53
  193. package/src/themes/theme-base/components/overlay/_confirmpopup.scss +72 -72
  194. package/src/themes/theme-base/components/overlay/_dialog.scss +78 -78
  195. package/src/themes/theme-base/components/overlay/_overlaypanel.scss +64 -64
  196. package/src/themes/theme-base/components/overlay/_sidebar.scss +23 -23
  197. package/src/themes/theme-base/components/overlay/_tooltip.scss +33 -33
  198. package/src/themes/theme-base/components/panel/_accordion.scss +118 -118
  199. package/src/themes/theme-base/components/panel/_card.scss +30 -30
  200. package/src/themes/theme-base/components/panel/_divider.scss +30 -30
  201. package/src/themes/theme-base/components/panel/_fieldset.scss +47 -47
  202. package/src/themes/theme-base/components/panel/_panel.scss +47 -47
  203. package/src/themes/theme-base/components/panel/_scrollpanel.scss +10 -10
  204. package/src/themes/theme-base/components/panel/_splitter.scss +23 -23
  205. package/src/themes/theme-base/components/panel/_stepper.scss +136 -136
  206. package/src/themes/theme-base/components/panel/_tabview.scss +147 -147
  207. package/src/themes/theme-base/components/panel/_toolbar.scss +11 -11
  208. package/terser.config.cjs +25 -25
  209. package/todo.md +18 -18
  210. package/tools/build-themes.cjs +65 -65
  211. package/tools/copy-distribution-files.cjs +77 -77
  212. package/tools/minify.cjs +55 -55
  213. package/tsconfig.json +48 -48
  214. package/typedoc.json +12 -12
  215. package/.claude/settings.local.json +0 -7
@@ -1,24 +1,24 @@
1
- @font-face {
2
- /* font-family: 'Inter var'; */
3
- font-family: "HyperlegibleNext var";
4
- font-weight: 100 900;
5
- font-display: swap;
6
- font-style: normal;
7
- font-named-instance: 'Regular';
8
- /* src: url("./fonts/InterVariable.woff2") format("woff2"); */
9
- /* src: url("./fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype"); */
10
- src: url("./fonts/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
11
-
12
- }
13
- @font-face {
14
- /* font-family: 'Inter var'; */
15
- font-family: "HyperlegibleNext var";
16
- font-weight: 100 900;
17
- font-display: swap;
18
- font-style: italic;
19
- font-named-instance: 'Italic';
20
- /* src: url("./fonts/InterVariable-Italic.woff2") format("woff2"); */
21
- /* src: url("./fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf") format("truetype"); */
22
- src: url("./fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
23
- }
1
+ @font-face {
2
+ /* font-family: 'Inter var'; */
3
+ font-family: "HyperlegibleNext var";
4
+ font-weight: 100 900;
5
+ font-display: swap;
6
+ font-style: normal;
7
+ font-named-instance: 'Regular';
8
+ /* src: url("./fonts/InterVariable.woff2") format("woff2"); */
9
+ /* src: url("./fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype"); */
10
+ src: url("./fonts/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
11
+
12
+ }
13
+ @font-face {
14
+ /* font-family: 'Inter var'; */
15
+ font-family: "HyperlegibleNext var";
16
+ font-weight: 100 900;
17
+ font-display: swap;
18
+ font-style: italic;
19
+ font-named-instance: 'Italic';
20
+ /* src: url("./fonts/InterVariable-Italic.woff2") format("woff2"); */
21
+ /* src: url("./fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf") format("truetype"); */
22
+ src: url("./fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
23
+ }
24
24
 
@@ -1,32 +1,32 @@
1
- /*
2
- * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
3
- * Created Date: 2025-07-15 11:55:03
4
- * -----
5
- * Last Modified: 2025-07-17 06:52:28
6
- * -----
7
- *
8
- */
9
-
10
-
11
-
12
- // 1. Define your custom, compact values
13
-
14
- // General Padding & Sizing
15
- $panelContentPadding: 0.5rem 0.75rem !default; // Affects panels, cards, dialogs, etc.
16
- $inputPadding: 0.5rem 0.75rem !default; // Affects all input fields
17
- $buttonPadding: 0.5rem 0.75rem !default; // Affects buttons
18
- $buttonIconOnlyPadding: 0.5rem 0 !default;
19
- $inlineSpacing: 0.25rem !default; // Space between items like icons and text
20
- $borderRadius: 3px !default; // Sharper corners for a more "desktop" feel
21
-
22
- // Table (Datatable) Sizing
23
- $tableHeaderCellPadding: 0.5rem 0.75rem !default;
24
- $tableBodyCellPadding: 0.5rem 0.75rem !default;
25
-
26
- // Menu Sizing
27
- $menuitemPadding: 0.5rem 0.75rem !default;
28
- $horizontalMenuRootMenuitemPadding: 0.5rem 0.75rem !default;
29
-
30
-
31
- // 2. Import the original lara-dark-blue theme
1
+ /*
2
+ * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
3
+ * Created Date: 2025-07-15 11:55:03
4
+ * -----
5
+ * Last Modified: 2025-07-17 06:52:28
6
+ * -----
7
+ *
8
+ */
9
+
10
+
11
+
12
+ // 1. Define your custom, compact values
13
+
14
+ // General Padding & Sizing
15
+ $panelContentPadding: 0.5rem 0.75rem !default; // Affects panels, cards, dialogs, etc.
16
+ $inputPadding: 0.5rem 0.75rem !default; // Affects all input fields
17
+ $buttonPadding: 0.5rem 0.75rem !default; // Affects buttons
18
+ $buttonIconOnlyPadding: 0.5rem 0 !default;
19
+ $inlineSpacing: 0.25rem !default; // Space between items like icons and text
20
+ $borderRadius: 3px !default; // Sharper corners for a more "desktop" feel
21
+
22
+ // Table (Datatable) Sizing
23
+ $tableHeaderCellPadding: 0.5rem 0.75rem !default;
24
+ $tableBodyCellPadding: 0.5rem 0.75rem !default;
25
+
26
+ // Menu Sizing
27
+ $menuitemPadding: 0.5rem 0.75rem !default;
28
+ $horizontalMenuRootMenuitemPadding: 0.5rem 0.75rem !default;
29
+
30
+
31
+ // 2. Import the original lara-dark-blue theme
32
32
  @import "./theme.scss";
@@ -1,14 +1,14 @@
1
- $primaryColor: #60a5fa !default;
2
- $primaryLightColor: #93c5fd !default;
3
- $primaryLighterColor: #bfdbfe !default;
4
- $primaryLightestColor: rgba(96, 165, 250, 0.2) !default;
5
- $primaryTextColor: #030712 !default;
6
-
7
- $highlightBg: rgba(96, 165, 250, 0.16) !default;
8
- $highlightTextColor: rgba(255, 255, 255, 0.87) !default;
9
- $highlightFocusBg: rgba($primaryColor, 0.24) !default;
10
-
11
- @import "../_variables";
12
- @import "./_fonts";
13
- @import "../../theme-base/_components";
14
- @import "../_extensions";
1
+ $primaryColor: #60a5fa !default;
2
+ $primaryLightColor: #93c5fd !default;
3
+ $primaryLighterColor: #bfdbfe !default;
4
+ $primaryLightestColor: rgba(96, 165, 250, 0.2) !default;
5
+ $primaryTextColor: #030712 !default;
6
+
7
+ $highlightBg: rgba(96, 165, 250, 0.16) !default;
8
+ $highlightTextColor: rgba(255, 255, 255, 0.87) !default;
9
+ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
10
+
11
+ @import "../_variables";
12
+ @import "./_fonts";
13
+ @import "../../theme-base/_components";
14
+ @import "../_extensions";
@@ -1,18 +1,18 @@
1
- :root {
2
- @if variable-exists(colors) {
3
- @each $name, $color in $colors {
4
- @for $i from 0 through 5 {
5
- @if ($i == 0) {
6
- --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
7
- }
8
- @else {
9
- --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
10
- }
11
- }
12
-
13
- @for $i from 1 through 4 {
14
- --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
15
- }
16
- }
17
- }
1
+ :root {
2
+ @if variable-exists(colors) {
3
+ @each $name, $color in $colors {
4
+ @for $i from 0 through 5 {
5
+ @if ($i == 0) {
6
+ --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
7
+ }
8
+ @else {
9
+ --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
10
+ }
11
+ }
12
+
13
+ @for $i from 1 through 4 {
14
+ --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
15
+ }
16
+ }
17
+ }
18
18
  }
@@ -1,75 +1,75 @@
1
- * {
2
- box-sizing: border-box;
3
- }
4
-
5
- .p-component {
6
- font-family: var(--font-family);
7
- font-feature-settings: var(--font-feature-settings, normal);
8
- font-size: $fontSize;
9
- font-weight: $fontWeight;
10
- }
11
-
12
- .p-component-overlay {
13
- background-color: $maskBg;
14
- transition-duration: $transitionDuration;
15
- }
16
-
17
- .p-disabled, .p-component:disabled {
18
- opacity: $disabledOpacity;
19
- }
20
-
21
- .p-error {
22
- color: $errorColor;
23
- }
24
-
25
- .p-text-secondary {
26
- color: $textSecondaryColor;
27
- }
28
-
29
- .pi {
30
- font-size: $primeIconFontSize;
31
- }
32
-
33
- .p-icon {
34
- width: $primeIconFontSize;
35
- height: $primeIconFontSize;
36
- }
37
-
38
- .p-link {
39
- font-family: var(--font-family);
40
- font-feature-settings: var(--font-feature-settings, normal);
41
- font-size: $fontSize;
42
- border-radius: $borderRadius;
43
-
44
- &:focus-visible {
45
- @include focused();
46
- }
47
- }
48
-
49
- .p-component-overlay-enter {
50
- animation: p-component-overlay-enter-animation 150ms forwards;
51
- }
52
-
53
- .p-component-overlay-leave {
54
- animation: p-component-overlay-leave-animation 150ms forwards;
55
- }
56
-
57
- .p-component-overlay {
58
- @keyframes p-component-overlay-enter-animation {
59
- from {
60
- background-color: transparent;
61
- }
62
- to {
63
- background-color: var(--maskbg);
64
- }
65
- }
66
-
67
- @keyframes p-component-overlay-leave-animation {
68
- from {
69
- background-color: var(--maskbg);
70
- }
71
- to {
72
- background-color: transparent;
73
- }
74
- }
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ .p-component {
6
+ font-family: var(--font-family);
7
+ font-feature-settings: var(--font-feature-settings, normal);
8
+ font-size: $fontSize;
9
+ font-weight: $fontWeight;
10
+ }
11
+
12
+ .p-component-overlay {
13
+ background-color: $maskBg;
14
+ transition-duration: $transitionDuration;
15
+ }
16
+
17
+ .p-disabled, .p-component:disabled {
18
+ opacity: $disabledOpacity;
19
+ }
20
+
21
+ .p-error {
22
+ color: $errorColor;
23
+ }
24
+
25
+ .p-text-secondary {
26
+ color: $textSecondaryColor;
27
+ }
28
+
29
+ .pi {
30
+ font-size: $primeIconFontSize;
31
+ }
32
+
33
+ .p-icon {
34
+ width: $primeIconFontSize;
35
+ height: $primeIconFontSize;
36
+ }
37
+
38
+ .p-link {
39
+ font-family: var(--font-family);
40
+ font-feature-settings: var(--font-feature-settings, normal);
41
+ font-size: $fontSize;
42
+ border-radius: $borderRadius;
43
+
44
+ &:focus-visible {
45
+ @include focused();
46
+ }
47
+ }
48
+
49
+ .p-component-overlay-enter {
50
+ animation: p-component-overlay-enter-animation 150ms forwards;
51
+ }
52
+
53
+ .p-component-overlay-leave {
54
+ animation: p-component-overlay-leave-animation 150ms forwards;
55
+ }
56
+
57
+ .p-component-overlay {
58
+ @keyframes p-component-overlay-enter-animation {
59
+ from {
60
+ background-color: transparent;
61
+ }
62
+ to {
63
+ background-color: var(--maskbg);
64
+ }
65
+ }
66
+
67
+ @keyframes p-component-overlay-leave-animation {
68
+ from {
69
+ background-color: var(--maskbg);
70
+ }
71
+ to {
72
+ background-color: transparent;
73
+ }
74
+ }
75
75
  }
@@ -1,111 +1,111 @@
1
- @import '_mixins';
2
- @import '_colors';
3
-
4
- @import './components/input/_editor';
5
-
6
- @layer primereact {
7
- @import '_common';
8
-
9
- //Input
10
- @import './components/input/_autocomplete';
11
- @import './components/input/_calendar';
12
- @import './components/input/_cascadeselect';
13
- @import './components/input/_checkbox';
14
- @import './components/input/tristatecheckbox';
15
- @import './components/input/_chips';
16
- @import './components/input/_colorpicker';
17
- @import './components/input/_dropdown';
18
- @import './components/input/_inputgroup';
19
- @import './components/input/_inputnumber';
20
- @import './components/input/_inputswitch';
21
- @import './components/input/_inputtext';
22
- @import './components/input/_iconfield';
23
- @import './components/input/_inputicon';
24
- @import './components/input/_inputotp';
25
- @import './components/input/_listbox';
26
- @import './components/input/_mention';
27
- @import './components/input/_multiselect';
28
- @import './components/input/_password';
29
- @import './components/input/_radiobutton';
30
- @import './components/input/_rating';
31
- @import './components/input/_selectbutton';
32
- @import './components/input/_slider';
33
- @import './components/input/_treeselect';
34
- @import './components/input/_togglebutton';
35
-
36
- //Button
37
- @import './components/button/_button';
38
- @import './components/button/_splitbutton';
39
- @import './components/button/_speeddial';
40
-
41
- //Data
42
- @import './components/data/_carousel';
43
- @import './components/data/_datatable';
44
- @import './components/data/_dataview';
45
- @import './components/data/_datascroller';
46
- @import './components/data/_filter';
47
- @import './components/data/_orderlist';
48
- @import './components/data/_organizationchart';
49
- @import './components/data/_paginator';
50
- @import './components/data/_picklist';
51
- @import './components/data/_tree';
52
- @import './components/data/_treetable';
53
- @import './components/data/_timeline';
54
-
55
- //Panel
56
- @import './components/panel/_accordion';
57
- @import './components/panel/_card';
58
- @import './components/panel/_fieldset';
59
- @import './components/panel/_divider';
60
- @import './components/panel/_panel';
61
- @import './components/panel/_splitter';
62
- @import './components/panel/_stepper';
63
- @import './components/panel/_scrollpanel';
64
- @import './components/panel/_tabview';
65
- @import './components/panel/_toolbar';
66
-
67
- //Overlay
68
- @import './components/overlay/_confirmpopup';
69
- @import './components/overlay/_dialog';
70
- @import './components/overlay/_overlaypanel';
71
- @import './components/overlay/_sidebar';
72
- @import './components/overlay/_tooltip';
73
-
74
- //File
75
- @import './components/file/_fileupload';
76
-
77
- //Menu
78
- @import './components/menu/_breadcrumb';
79
- @import './components/menu/_contextmenu';
80
- @import './components/menu/_dock';
81
- @import './components/menu/_megamenu';
82
- @import './components/menu/_menu';
83
- @import './components/menu/_menubar';
84
- @import './components/menu/_panelmenu';
85
- @import './components/menu/_slidemenu';
86
- @import './components/menu/_steps';
87
- @import './components/menu/_tabmenu';
88
- @import './components/menu/_tieredmenu';
89
-
90
- //Messages
91
- @import './components/messages/_inlinemessage';
92
- @import './components/messages/_message';
93
- @import 'components/messages/toast';
94
-
95
- //MultiMedia
96
- @import './components/multimedia/_galleria';
97
- @import './components/multimedia/_image';
98
-
99
- //Misc
100
- @import './components/misc/_avatar';
101
- @import './components/misc/_chip';
102
- @import './components/misc/_scrolltop';
103
- @import './components/misc/_skeleton';
104
- @import './components/misc/_tag';
105
- @import './components/misc/_inplace';
106
- @import './components/misc/metergroup';
107
- @import './components/misc/_progressbar';
108
- @import './components/misc/_terminal';
109
- @import './components/misc/_blockui';
110
- @import './components/misc/_badge';
111
- }
1
+ @import '_mixins';
2
+ @import '_colors';
3
+
4
+ @import './components/input/_editor';
5
+
6
+ @layer primereact {
7
+ @import '_common';
8
+
9
+ //Input
10
+ @import './components/input/_autocomplete';
11
+ @import './components/input/_calendar';
12
+ @import './components/input/_cascadeselect';
13
+ @import './components/input/_checkbox';
14
+ @import './components/input/tristatecheckbox';
15
+ @import './components/input/_chips';
16
+ @import './components/input/_colorpicker';
17
+ @import './components/input/_dropdown';
18
+ @import './components/input/_inputgroup';
19
+ @import './components/input/_inputnumber';
20
+ @import './components/input/_inputswitch';
21
+ @import './components/input/_inputtext';
22
+ @import './components/input/_iconfield';
23
+ @import './components/input/_inputicon';
24
+ @import './components/input/_inputotp';
25
+ @import './components/input/_listbox';
26
+ @import './components/input/_mention';
27
+ @import './components/input/_multiselect';
28
+ @import './components/input/_password';
29
+ @import './components/input/_radiobutton';
30
+ @import './components/input/_rating';
31
+ @import './components/input/_selectbutton';
32
+ @import './components/input/_slider';
33
+ @import './components/input/_treeselect';
34
+ @import './components/input/_togglebutton';
35
+
36
+ //Button
37
+ @import './components/button/_button';
38
+ @import './components/button/_splitbutton';
39
+ @import './components/button/_speeddial';
40
+
41
+ //Data
42
+ @import './components/data/_carousel';
43
+ @import './components/data/_datatable';
44
+ @import './components/data/_dataview';
45
+ @import './components/data/_datascroller';
46
+ @import './components/data/_filter';
47
+ @import './components/data/_orderlist';
48
+ @import './components/data/_organizationchart';
49
+ @import './components/data/_paginator';
50
+ @import './components/data/_picklist';
51
+ @import './components/data/_tree';
52
+ @import './components/data/_treetable';
53
+ @import './components/data/_timeline';
54
+
55
+ //Panel
56
+ @import './components/panel/_accordion';
57
+ @import './components/panel/_card';
58
+ @import './components/panel/_fieldset';
59
+ @import './components/panel/_divider';
60
+ @import './components/panel/_panel';
61
+ @import './components/panel/_splitter';
62
+ @import './components/panel/_stepper';
63
+ @import './components/panel/_scrollpanel';
64
+ @import './components/panel/_tabview';
65
+ @import './components/panel/_toolbar';
66
+
67
+ //Overlay
68
+ @import './components/overlay/_confirmpopup';
69
+ @import './components/overlay/_dialog';
70
+ @import './components/overlay/_overlaypanel';
71
+ @import './components/overlay/_sidebar';
72
+ @import './components/overlay/_tooltip';
73
+
74
+ //File
75
+ @import './components/file/_fileupload';
76
+
77
+ //Menu
78
+ @import './components/menu/_breadcrumb';
79
+ @import './components/menu/_contextmenu';
80
+ @import './components/menu/_dock';
81
+ @import './components/menu/_megamenu';
82
+ @import './components/menu/_menu';
83
+ @import './components/menu/_menubar';
84
+ @import './components/menu/_panelmenu';
85
+ @import './components/menu/_slidemenu';
86
+ @import './components/menu/_steps';
87
+ @import './components/menu/_tabmenu';
88
+ @import './components/menu/_tieredmenu';
89
+
90
+ //Messages
91
+ @import './components/messages/_inlinemessage';
92
+ @import './components/messages/_message';
93
+ @import 'components/messages/toast';
94
+
95
+ //MultiMedia
96
+ @import './components/multimedia/_galleria';
97
+ @import './components/multimedia/_image';
98
+
99
+ //Misc
100
+ @import './components/misc/_avatar';
101
+ @import './components/misc/_chip';
102
+ @import './components/misc/_scrolltop';
103
+ @import './components/misc/_skeleton';
104
+ @import './components/misc/_tag';
105
+ @import './components/misc/_inplace';
106
+ @import './components/misc/metergroup';
107
+ @import './components/misc/_progressbar';
108
+ @import './components/misc/_terminal';
109
+ @import './components/misc/_blockui';
110
+ @import './components/misc/_badge';
111
+ }