@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.
- package/LICENSE +58 -58
- package/additional-docs/AutoCoreTagContext.md +441 -441
- package/additional-docs/ButtonApiSpecs.md +48 -48
- package/additional-docs/GlobalEventEmitter.md +243 -243
- package/additional-docs/general_recommendations.md +22 -22
- package/additional-docs/react_performance_notes.md +94 -94
- package/dist/assets/svg/blockly_logo.svg +82 -82
- package/dist/assets/svg/distance.svg +40 -40
- package/dist/assets/svg/python_logo.svg +246 -246
- package/dist/assets/svg/rotation_ccw.svg +50 -50
- package/dist/assets/svg/rotation_ccw_a.svg +57 -57
- package/dist/assets/svg/rotation_ccw_b.svg +57 -57
- package/dist/assets/svg/rotation_ccw_c.svg +57 -57
- package/dist/assets/svg/rotation_cw.svg +49 -49
- package/dist/assets/svg/rotation_cw_a.svg +30 -30
- package/dist/assets/svg/rotation_cw_b.svg +30 -30
- package/dist/assets/svg/rotation_cw_c.svg +30 -30
- package/dist/assets/svg/speed.svg +39 -39
- package/dist/components/BlocklyEditor.css +93 -93
- package/dist/components/JogPanel.css +41 -41
- package/dist/components/ProgressBarWithValue.css +27 -27
- package/dist/components/ValueIndicator.css +31 -31
- package/dist/components/osk.css +123 -123
- package/dist/core/AutoCoreTagContext.d.ts.map +1 -1
- package/dist/core/AutoCoreTagContext.js +1 -1
- package/dist/hub/HubBase.d.ts +3 -3
- package/dist/hub/HubBase.d.ts.map +1 -1
- package/dist/hub/HubBase.js +1 -1
- package/package.json +104 -104
- package/readme.md +343 -343
- package/src/assets/BlocklyLogo.tsx +27 -27
- package/src/assets/Distance.tsx +18 -18
- package/src/assets/JogLong.tsx +13 -13
- package/src/assets/JogMedium.tsx +13 -13
- package/src/assets/JogShort.tsx +13 -13
- package/src/assets/PythonLogo.tsx +83 -83
- package/src/assets/Rotation3D.tsx +13 -13
- package/src/assets/RotationCcw.tsx +33 -33
- package/src/assets/RotationCcwA.tsx +45 -45
- package/src/assets/RotationCcwB.tsx +45 -45
- package/src/assets/RotationCcwC.tsx +45 -45
- package/src/assets/RotationCw.tsx +31 -31
- package/src/assets/RotationCwA.tsx +42 -42
- package/src/assets/RotationCwB.tsx +42 -42
- package/src/assets/RotationCwC.tsx +42 -42
- package/src/assets/Run.tsx +13 -13
- package/src/assets/Speed.tsx +18 -18
- package/src/assets/SpeedFast.tsx +13 -13
- package/src/assets/SpeedMedium.tsx +13 -13
- package/src/assets/SpeedNone.tsx +13 -13
- package/src/assets/SpeedSlow.tsx +13 -13
- package/src/assets/Walk.tsx +13 -13
- package/src/assets/index.ts +22 -22
- package/src/assets/svg/blockly_logo.svg +82 -82
- package/src/assets/svg/distance.svg +40 -40
- package/src/assets/svg/python_logo.svg +246 -246
- package/src/assets/svg/rotation_ccw.svg +50 -50
- package/src/assets/svg/rotation_ccw_a.svg +57 -57
- package/src/assets/svg/rotation_ccw_b.svg +57 -57
- package/src/assets/svg/rotation_ccw_c.svg +57 -57
- package/src/assets/svg/rotation_cw.svg +49 -49
- package/src/assets/svg/rotation_cw_a.svg +30 -30
- package/src/assets/svg/rotation_cw_b.svg +30 -30
- package/src/assets/svg/rotation_cw_c.svg +30 -30
- package/src/assets/svg/speed.svg +39 -39
- package/src/components/AutoCoreDevPanel.tsx +414 -414
- package/src/components/BlocklyEditor.css +93 -93
- package/src/components/BlocklyEditor.tsx +609 -609
- package/src/components/CodeEditor.tsx +155 -155
- package/src/components/FileList.tsx +390 -390
- package/src/components/FileSelect.tsx +128 -128
- package/src/components/FitText.tsx +35 -35
- package/src/components/Indicator.tsx +188 -188
- package/src/components/IndicatorButton.tsx +214 -214
- package/src/components/IndicatorRect.tsx +172 -172
- package/src/components/JogPanel.css +41 -41
- package/src/components/JogPanel.tsx +461 -461
- package/src/components/Lamp.tsx +243 -243
- package/src/components/Osk.tsx +192 -192
- package/src/components/OskDialog.tsx +164 -164
- package/src/components/ProgressBarWithValue.css +27 -27
- package/src/components/ProgressBarWithValue.tsx +48 -48
- package/src/components/TextInput.tsx +195 -195
- package/src/components/ToggleGroup.tsx +322 -322
- package/src/components/ValueDisplay.tsx +236 -236
- package/src/components/ValueIndicator.css +31 -31
- package/src/components/ValueIndicator.tsx +135 -135
- package/src/components/ValueInput.tsx +368 -368
- package/src/components/osk.css +123 -123
- package/src/core/ActionMode.ts +19 -19
- package/src/core/AutoCoreTagContext.tsx +625 -614
- package/src/core/AutoCoreTagTypes.ts +334 -334
- package/src/core/CoreStreamTypes.ts +512 -512
- package/src/core/EventEmitterContext.tsx +434 -434
- package/src/core/IndicatorButtonState.ts +34 -34
- package/src/core/IndicatorColor.ts +35 -35
- package/src/core/MaskPatterns.ts +87 -87
- package/src/core/NumerableTypes.ts +80 -80
- package/src/core/PositionContext.ts +59 -59
- package/src/core/UniqueId.ts +41 -41
- package/src/core/ValueSimulator.ts +166 -166
- package/src/core/hoc.tsx +65 -65
- package/src/hooks/adsHooks.tsx +287 -287
- package/src/hooks/commandHooks.tsx +300 -300
- package/src/hooks/index.ts +12 -12
- package/src/hooks/useAutoCoreTag.ts +103 -103
- package/src/hooks/useScaledValue.tsx +99 -99
- package/src/hub/CommandMessage.ts +89 -89
- package/src/hub/DebugPanel.ts +307 -307
- package/src/hub/HubBase.ts +249 -236
- package/src/hub/HubSimulate.ts +124 -124
- package/src/hub/HubTauri.ts +140 -140
- package/src/hub/HubWebSocket.ts +250 -250
- package/src/hub/debug.ts +211 -211
- package/src/hub/index.ts +81 -81
- package/src/themes/adc-dark/_extensions.scss +166 -166
- package/src/themes/adc-dark/_variables.scss +913 -913
- package/src/themes/adc-dark/blue/_fonts.scss +23 -23
- package/src/themes/adc-dark/blue/adc_theme.scss +31 -31
- package/src/themes/adc-dark/blue/theme.scss +14 -14
- package/src/themes/theme-base/_colors.scss +17 -17
- package/src/themes/theme-base/_common.scss +74 -74
- package/src/themes/theme-base/_components.scss +111 -111
- package/src/themes/theme-base/_mixins.scss +243 -243
- package/src/themes/theme-base/components/button/_button.scss +644 -644
- package/src/themes/theme-base/components/button/_speeddial.scss +91 -91
- package/src/themes/theme-base/components/button/_splitbutton.scss +358 -358
- package/src/themes/theme-base/components/data/_carousel.scss +39 -39
- package/src/themes/theme-base/components/data/_datascroller.scss +47 -47
- package/src/themes/theme-base/components/data/_datatable.scss +388 -388
- package/src/themes/theme-base/components/data/_dataview.scss +47 -47
- package/src/themes/theme-base/components/data/_filter.scss +137 -137
- package/src/themes/theme-base/components/data/_orderlist.scss +86 -86
- package/src/themes/theme-base/components/data/_organizationchart.scss +50 -50
- package/src/themes/theme-base/components/data/_paginator.scss +91 -91
- package/src/themes/theme-base/components/data/_picklist.scss +73 -73
- package/src/themes/theme-base/components/data/_timeline.scss +38 -38
- package/src/themes/theme-base/components/data/_tree.scss +184 -184
- package/src/themes/theme-base/components/data/_treetable.scss +431 -431
- package/src/themes/theme-base/components/file/_fileupload.scss +41 -41
- package/src/themes/theme-base/components/input/_autocomplete.scss +94 -94
- package/src/themes/theme-base/components/input/_calendar.scss +251 -251
- package/src/themes/theme-base/components/input/_cascadeselect.scss +107 -107
- package/src/themes/theme-base/components/input/_checkbox.scss +181 -181
- package/src/themes/theme-base/components/input/_chips.scss +102 -102
- package/src/themes/theme-base/components/input/_colorpicker.scss +17 -17
- package/src/themes/theme-base/components/input/_dropdown.scss +252 -252
- package/src/themes/theme-base/components/input/_editor.scss +122 -122
- package/src/themes/theme-base/components/input/_iconfield.scss +9 -9
- package/src/themes/theme-base/components/input/_inputgroup.scss +74 -74
- package/src/themes/theme-base/components/input/_inputicon.scss +14 -14
- package/src/themes/theme-base/components/input/_inputnumber.scss +4 -4
- package/src/themes/theme-base/components/input/_inputotp.scss +10 -10
- package/src/themes/theme-base/components/input/_inputswitch.scss +99 -99
- package/src/themes/theme-base/components/input/_inputtext.scss +101 -101
- package/src/themes/theme-base/components/input/_listbox.scss +138 -138
- package/src/themes/theme-base/components/input/_mention.scss +30 -30
- package/src/themes/theme-base/components/input/_multiselect.scss +278 -278
- package/src/themes/theme-base/components/input/_password.scss +32 -32
- package/src/themes/theme-base/components/input/_radiobutton.scss +169 -169
- package/src/themes/theme-base/components/input/_rating.scss +80 -80
- package/src/themes/theme-base/components/input/_selectbutton.scss +49 -49
- package/src/themes/theme-base/components/input/_slider.scss +49 -49
- package/src/themes/theme-base/components/input/_togglebutton.scss +99 -99
- package/src/themes/theme-base/components/input/_treeselect.scss +151 -151
- package/src/themes/theme-base/components/input/_tristatecheckbox.scss +46 -46
- package/src/themes/theme-base/components/menu/_breadcrumb.scss +42 -42
- package/src/themes/theme-base/components/menu/_contextmenu.scss +39 -39
- package/src/themes/theme-base/components/menu/_dock.scss +109 -109
- package/src/themes/theme-base/components/menu/_megamenu.scss +141 -141
- package/src/themes/theme-base/components/menu/_menu.scss +33 -33
- package/src/themes/theme-base/components/menu/_menubar.scss +216 -216
- package/src/themes/theme-base/components/menu/_panelmenu.scss +153 -153
- package/src/themes/theme-base/components/menu/_slidemenu.scss +60 -60
- package/src/themes/theme-base/components/menu/_steps.scss +57 -57
- package/src/themes/theme-base/components/menu/_tabmenu.scss +50 -50
- package/src/themes/theme-base/components/menu/_tieredmenu.scss +43 -43
- package/src/themes/theme-base/components/messages/_inlinemessage.scss +69 -69
- package/src/themes/theme-base/components/messages/_message.scss +107 -107
- package/src/themes/theme-base/components/messages/_toast.scss +100 -100
- package/src/themes/theme-base/components/misc/_avatar.scss +33 -33
- package/src/themes/theme-base/components/misc/_badge.scss +76 -76
- package/src/themes/theme-base/components/misc/_chip.scss +38 -38
- package/src/themes/theme-base/components/misc/_inplace.scss +17 -17
- package/src/themes/theme-base/components/misc/_metergroup.scss +80 -80
- package/src/themes/theme-base/components/misc/_progressbar.scss +17 -17
- package/src/themes/theme-base/components/misc/_scrolltop.scss +24 -24
- package/src/themes/theme-base/components/misc/_skeleton.scss +7 -7
- package/src/themes/theme-base/components/misc/_tag.scss +39 -39
- package/src/themes/theme-base/components/misc/_terminal.scss +12 -12
- package/src/themes/theme-base/components/multimedia/_galleria.scss +153 -153
- package/src/themes/theme-base/components/multimedia/_image.scss +53 -53
- package/src/themes/theme-base/components/overlay/_confirmpopup.scss +72 -72
- package/src/themes/theme-base/components/overlay/_dialog.scss +78 -78
- package/src/themes/theme-base/components/overlay/_overlaypanel.scss +64 -64
- package/src/themes/theme-base/components/overlay/_sidebar.scss +23 -23
- package/src/themes/theme-base/components/overlay/_tooltip.scss +33 -33
- package/src/themes/theme-base/components/panel/_accordion.scss +118 -118
- package/src/themes/theme-base/components/panel/_card.scss +30 -30
- package/src/themes/theme-base/components/panel/_divider.scss +30 -30
- package/src/themes/theme-base/components/panel/_fieldset.scss +47 -47
- package/src/themes/theme-base/components/panel/_panel.scss +47 -47
- package/src/themes/theme-base/components/panel/_scrollpanel.scss +10 -10
- package/src/themes/theme-base/components/panel/_splitter.scss +23 -23
- package/src/themes/theme-base/components/panel/_stepper.scss +136 -136
- package/src/themes/theme-base/components/panel/_tabview.scss +147 -147
- package/src/themes/theme-base/components/panel/_toolbar.scss +11 -11
- package/terser.config.cjs +25 -25
- package/todo.md +18 -18
- package/tools/build-themes.cjs +65 -65
- package/tools/copy-distribution-files.cjs +77 -77
- package/tools/minify.cjs +55 -55
- package/tsconfig.json +48 -48
- package/typedoc.json +12 -12
- 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
|
+
}
|