@vuu-ui/vuu-shell 0.8.43 → 0.8.45

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 (125) hide show
  1. package/cjs/connection-status/ConnectionStatusIndicator.css.js +6 -0
  2. package/cjs/connection-status/ConnectionStatusIndicator.css.js.map +1 -0
  3. package/cjs/connection-status/{ConnectionStatusIcon.js → ConnectionStatusIndicator.js} +12 -3
  4. package/cjs/connection-status/ConnectionStatusIndicator.js.map +1 -0
  5. package/cjs/index.js +2 -2
  6. package/cjs/layout-management/LayoutList.css.js +6 -0
  7. package/cjs/layout-management/LayoutList.css.js.map +1 -0
  8. package/cjs/layout-management/LayoutList.js +9 -0
  9. package/cjs/layout-management/LayoutList.js.map +1 -1
  10. package/cjs/layout-management/LayoutTile.css.js +6 -0
  11. package/cjs/layout-management/LayoutTile.css.js.map +1 -0
  12. package/cjs/layout-management/LayoutTile.js +9 -0
  13. package/cjs/layout-management/LayoutTile.js.map +1 -1
  14. package/cjs/layout-management/SaveLayoutPanel.css.js +6 -0
  15. package/cjs/layout-management/SaveLayoutPanel.css.js.map +1 -0
  16. package/cjs/layout-management/SaveLayoutPanel.js +9 -0
  17. package/cjs/layout-management/SaveLayoutPanel.js.map +1 -1
  18. package/cjs/left-nav/LeftNav.css.js +6 -0
  19. package/cjs/left-nav/LeftNav.css.js.map +1 -0
  20. package/cjs/left-nav/LeftNav.js +9 -0
  21. package/cjs/left-nav/LeftNav.js.map +1 -1
  22. package/cjs/login/LoginPanel.css.js +6 -0
  23. package/cjs/login/LoginPanel.css.js.map +1 -0
  24. package/cjs/login/LoginPanel.js +9 -0
  25. package/cjs/login/LoginPanel.js.map +1 -1
  26. package/cjs/persistence-management/LocalPersistenceManager.js +2 -0
  27. package/cjs/persistence-management/LocalPersistenceManager.js.map +1 -1
  28. package/cjs/persistence-management/RemotePersistenceManager.js +2 -0
  29. package/cjs/persistence-management/RemotePersistenceManager.js.map +1 -1
  30. package/cjs/session-editing-form/SessionEditingForm.css.js +6 -0
  31. package/cjs/session-editing-form/SessionEditingForm.css.js.map +1 -0
  32. package/cjs/session-editing-form/SessionEditingForm.js +9 -0
  33. package/cjs/session-editing-form/SessionEditingForm.js.map +1 -1
  34. package/cjs/shell-layouts/context-panel/ContextPanel.css.js +6 -0
  35. package/cjs/shell-layouts/context-panel/ContextPanel.css.js.map +1 -0
  36. package/cjs/shell-layouts/context-panel/ContextPanel.js +9 -0
  37. package/cjs/shell-layouts/context-panel/ContextPanel.js.map +1 -1
  38. package/cjs/shell-layouts/side-panel/SidePanel.css.js +6 -0
  39. package/cjs/shell-layouts/side-panel/SidePanel.css.js.map +1 -0
  40. package/cjs/shell-layouts/side-panel/SidePanel.js +9 -0
  41. package/cjs/shell-layouts/side-panel/SidePanel.js.map +1 -1
  42. package/cjs/theme-switch/ThemeSwitch.css.js +6 -0
  43. package/cjs/theme-switch/ThemeSwitch.css.js.map +1 -0
  44. package/cjs/theme-switch/ThemeSwitch.js +9 -0
  45. package/cjs/theme-switch/ThemeSwitch.js.map +1 -1
  46. package/esm/connection-status/ConnectionStatusIndicator.css.js +4 -0
  47. package/esm/connection-status/ConnectionStatusIndicator.css.js.map +1 -0
  48. package/esm/connection-status/{ConnectionStatusIcon.js → ConnectionStatusIndicator.js} +12 -3
  49. package/esm/connection-status/ConnectionStatusIndicator.js.map +1 -0
  50. package/esm/index.js +1 -1
  51. package/esm/layout-management/LayoutList.css.js +4 -0
  52. package/esm/layout-management/LayoutList.css.js.map +1 -0
  53. package/esm/layout-management/LayoutList.js +9 -0
  54. package/esm/layout-management/LayoutList.js.map +1 -1
  55. package/esm/layout-management/LayoutTile.css.js +4 -0
  56. package/esm/layout-management/LayoutTile.css.js.map +1 -0
  57. package/esm/layout-management/LayoutTile.js +9 -0
  58. package/esm/layout-management/LayoutTile.js.map +1 -1
  59. package/esm/layout-management/SaveLayoutPanel.css.js +4 -0
  60. package/esm/layout-management/SaveLayoutPanel.css.js.map +1 -0
  61. package/esm/layout-management/SaveLayoutPanel.js +9 -0
  62. package/esm/layout-management/SaveLayoutPanel.js.map +1 -1
  63. package/esm/left-nav/LeftNav.css.js +4 -0
  64. package/esm/left-nav/LeftNav.css.js.map +1 -0
  65. package/esm/left-nav/LeftNav.js +9 -0
  66. package/esm/left-nav/LeftNav.js.map +1 -1
  67. package/esm/login/LoginPanel.css.js +4 -0
  68. package/esm/login/LoginPanel.css.js.map +1 -0
  69. package/esm/login/LoginPanel.js +9 -0
  70. package/esm/login/LoginPanel.js.map +1 -1
  71. package/esm/persistence-management/LocalPersistenceManager.js +2 -0
  72. package/esm/persistence-management/LocalPersistenceManager.js.map +1 -1
  73. package/esm/persistence-management/RemotePersistenceManager.js +2 -0
  74. package/esm/persistence-management/RemotePersistenceManager.js.map +1 -1
  75. package/esm/session-editing-form/SessionEditingForm.css.js +4 -0
  76. package/esm/session-editing-form/SessionEditingForm.css.js.map +1 -0
  77. package/esm/session-editing-form/SessionEditingForm.js +9 -0
  78. package/esm/session-editing-form/SessionEditingForm.js.map +1 -1
  79. package/esm/shell-layouts/context-panel/ContextPanel.css.js +4 -0
  80. package/esm/shell-layouts/context-panel/ContextPanel.css.js.map +1 -0
  81. package/esm/shell-layouts/context-panel/ContextPanel.js +9 -0
  82. package/esm/shell-layouts/context-panel/ContextPanel.js.map +1 -1
  83. package/esm/shell-layouts/side-panel/SidePanel.css.js +4 -0
  84. package/esm/shell-layouts/side-panel/SidePanel.css.js.map +1 -0
  85. package/esm/shell-layouts/side-panel/SidePanel.js +9 -0
  86. package/esm/shell-layouts/side-panel/SidePanel.js.map +1 -1
  87. package/esm/theme-switch/ThemeSwitch.css.js +4 -0
  88. package/esm/theme-switch/ThemeSwitch.css.js.map +1 -0
  89. package/esm/theme-switch/ThemeSwitch.js +9 -0
  90. package/esm/theme-switch/ThemeSwitch.js.map +1 -1
  91. package/package.json +16 -11
  92. package/types/connection-status/{ConnectionStatusIcon.d.ts → ConnectionStatusIndicator.d.ts} +1 -2
  93. package/types/connection-status/index.d.ts +1 -1
  94. package/types/layout-management/LayoutList.d.ts +0 -1
  95. package/types/layout-management/LayoutTile.d.ts +0 -1
  96. package/types/layout-management/SaveLayoutPanel.d.ts +0 -1
  97. package/types/left-nav/LeftNav.d.ts +0 -1
  98. package/types/login/LoginPanel.d.ts +0 -1
  99. package/types/session-editing-form/SessionEditingForm.d.ts +0 -1
  100. package/types/shell-layouts/context-panel/ContextPanel.d.ts +0 -1
  101. package/types/shell-layouts/side-panel/SidePanel.d.ts +0 -1
  102. package/types/theme-switch/ThemeSwitch.d.ts +0 -1
  103. package/cjs/connection-status/ConnectionStatusIcon.css +0 -68
  104. package/cjs/connection-status/ConnectionStatusIcon.js.map +0 -1
  105. package/cjs/layout-management/LayoutList.css +0 -86
  106. package/cjs/layout-management/LayoutTile.css +0 -28
  107. package/cjs/layout-management/SaveLayoutPanel.css +0 -130
  108. package/cjs/left-nav/LeftNav.css +0 -178
  109. package/cjs/login/LoginPanel.css +0 -70
  110. package/cjs/session-editing-form/SessionEditingForm.css +0 -53
  111. package/cjs/shell-layouts/context-panel/ContextPanel.css +0 -58
  112. package/cjs/shell-layouts/side-panel/SidePanel.css +0 -4
  113. package/cjs/theme-switch/ThemeSwitch.css +0 -30
  114. package/esm/connection-status/ConnectionStatusIcon.css +0 -68
  115. package/esm/connection-status/ConnectionStatusIcon.js.map +0 -1
  116. package/esm/layout-management/LayoutList.css +0 -86
  117. package/esm/layout-management/LayoutTile.css +0 -28
  118. package/esm/layout-management/SaveLayoutPanel.css +0 -130
  119. package/esm/left-nav/LeftNav.css +0 -178
  120. package/esm/login/LoginPanel.css +0 -70
  121. package/esm/session-editing-form/SessionEditingForm.css +0 -53
  122. package/esm/shell-layouts/context-panel/ContextPanel.css +0 -58
  123. package/esm/shell-layouts/side-panel/SidePanel.css +0 -4
  124. package/esm/theme-switch/ThemeSwitch.css +0 -30
  125. package/types/feature/css-module-loader.d.ts +0 -1
@@ -1,130 +0,0 @@
1
- .saveLayoutPanel {
2
- --salt-selectable-foreground-hover: #6d18bdc3;
3
- --salt-selectable-foreground-selected: #6D18BD;
4
- --salt-selectable-borderColor-selected: #6D18BD;
5
- --saltInputLegacy-fontSize: 12px;
6
- --salt-text-label-fontSize: 10px;
7
- --saltFormFieldLegacy-label-paddingLeft: 0;
8
- --saltFormField-label-fontWeight: 400;
9
- --saltText-color: var(--text-secondary-foreground, #606477);
10
- }
11
-
12
- .spinner{
13
- width: 100px;
14
- height:100px;
15
- background-image: var(--svg-spinner);
16
- }
17
-
18
- .saveLayoutPanel-panelContainer {
19
- display: flex;
20
- flex-direction: column;
21
- align-items: flex-start;
22
- }
23
-
24
- .saveLayoutPanel-panelContent {
25
- display: flex;
26
- align-items: flex-start;
27
- gap: 32px;
28
- }
29
-
30
- .saveLayoutPanel-formContainer {
31
- display: flex;
32
- width: 217px;
33
- flex-direction: column;
34
- align-items: flex-start;
35
- gap: 16px;
36
- }
37
-
38
- .saveLayoutPanel-formField {
39
- display: flex;
40
- flex-direction: column;
41
- gap: 1px;
42
- }
43
-
44
- .saveLayoutPanel-inputText {
45
- border: none;
46
- color: var(--light-text-primary, #15171B);
47
- font-family: Nunito Sans A-Variant, serif;
48
- font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;
49
- font-size: 12px;
50
- font-weight: 400;
51
- line-height: 16px;
52
- padding-left: 4px;
53
- width: 100%;
54
- outline: none;
55
- }
56
-
57
- .saveLayoutPanel-settingsGroup {
58
- display: flex;
59
- flex-wrap: wrap;
60
- align-items: flex-end;
61
- gap: 10px;
62
- width: 100%;
63
- line-height: 16px;
64
- }
65
-
66
- .saveLayoutPanel-screenshotContainer {
67
- display: flex;
68
- width: 304px;
69
- height: 208px;
70
- padding: 11px 15.5px;
71
- justify-content: center;
72
- align-items: center;
73
- border: 1px solid #E8E8E8;
74
- background: var(--dark-text-primary, #FFF);
75
- }
76
-
77
- .saveLayoutPanel-screenshot {
78
- background: lightgray 50% / cover no-repeat;
79
- width: 273px;
80
- height: 186px;
81
- }
82
-
83
- .saveLayoutPanel-buttonsContainer {
84
- display: flex;
85
- justify-content: flex-end;
86
- align-items: flex-start;
87
- align-self: stretch;
88
- padding-top: 24px;
89
- gap: 8px;
90
- }
91
-
92
- .saveLayoutPanel-cancelButton,
93
- .saveLayoutPanel-saveButton {
94
- display: flex;
95
- height: fit-content;
96
- padding: 4px 8px;
97
- align-items: flex-start;
98
- gap: 8px;
99
- border-radius: 6px;
100
- font-size: 12px;
101
- font-style: normal;
102
- font-weight: 700;
103
- line-height: 133.333%;
104
- letter-spacing: 0.48px;
105
- text-transform: uppercase;
106
- }
107
-
108
- .saveLayoutPanel-cancelButton {
109
- color: var(--actionable-primary-foreground-default, #606477);
110
- background: var(--actionable-primary-background-default, #FFF);
111
- }
112
-
113
- .saveLayoutPanel-saveButton {
114
- background: #6D18BD;
115
- border-color: #6D18BD;
116
- color: white;
117
- }
118
-
119
- .saveLayoutPanel-saveButton.saltButton:disabled {
120
- background: #6D18BD;
121
- border-color: #6D18BD;
122
- color: white;
123
- opacity: 0.3;
124
- }
125
-
126
- .saveLayoutPanel-saveButton.saltButton:hover {
127
- background: #F37880;
128
- border-color: #F37880;
129
- color: white;
130
- }
@@ -1,178 +0,0 @@
1
- .vuuLeftNav {
2
- --vuuOverflowContainer-height: auto;
3
- --salt-navigable-fontWeight-active: 700;
4
- --vuuTab-background-selected: rgba(255, 255, 255, 0.10);
5
- --vuuTab-hover-background: rgba(255, 255, 255, 0.10);
6
- --vuuTab-before-content: none;
7
- --vuuTab-borderRadius: 6px;
8
- --vuuTab-height: 40px;
9
- --vuuTabstrip-fontWeight: 700;
10
- --vuuTabstrip-width: 100%;
11
- --svg-demo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z"/><path d="M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z"/><path d="M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z"/><path d="M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z"/><path d="M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z"/><path d="M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z"/><path d="M2 2H14V3.33333H2V2Z"/><path d="M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z"/><path d="M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z"/><path d="M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z"/><path d="M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z"/><path d="M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z"/><path d="M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z"/><path d="M2 12.6667H14V14H2V12.6667Z"/></svg>');
12
- --svg-features: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z"/></svg>');
13
- --svg-tables: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z"/></svg>');
14
- --svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z"/></svg>');
15
- --vuu-light-text-primary: #15171b;
16
-
17
- --menu-level-2-width: 0px;
18
-
19
- box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.15);
20
- display: flex;
21
- height: calc(100% - 4px);
22
- margin-bottom: 4px;
23
- overflow: hidden;
24
- position: relative;
25
- transition: width .2s ease-out;
26
- z-index: 0;
27
- /* width: calc(var(--menu-width) + var(--menu-level-2-width)); */
28
- /* width: 100%; */
29
-
30
- }
31
-
32
- .vuuLeftNav-menu-full {
33
- --menu-width: var(--nav-menu-expanded-width);
34
- }
35
-
36
- .vuuLeftNav-menu-icons {
37
- --menu-width: var(--nav-menu-collapsed-width);
38
- }
39
-
40
- .vuuLeftNav-menu-icons-content {
41
- --menu-width: var(--nav-menu-collapsed-width);
42
- --menu-level-2-width: var(--nav-menu-content-width);
43
- }
44
-
45
- .vuuLeftNav-menu-full-content {
46
- --menu-width: var(--nav-menu-expanded-width);
47
- --menu-level-2-width: var(--nav-menu-content-width);
48
- }
49
-
50
- .vuuLeftNav-menu-icons-content .vuuLeftNav-menu-secondary,
51
- .vuuLeftNav-menu-full-content .vuuLeftNav-menu-secondary {
52
- display: flex;
53
- }
54
-
55
- .vuuLeftNav-menu-primary {
56
- background-color: #2A015F;
57
- container-type: inline-size;
58
- display: flex;
59
- flex-direction: column;
60
- height: 100%;
61
- padding: 32px 16px;
62
- transition: flex-basis ease-out .2s;
63
- flex-grow:0;
64
- flex-shrink:0;
65
- flex-basis: var(--menu-width);
66
- }
67
-
68
- .vuuLeftNav-menu-secondary {
69
- flex: 1 1 auto;
70
- display: none;
71
- /* position: absolute; */
72
- top:0;
73
- right: 0;
74
- flex-grow:0;
75
- flex-shrink:0;
76
- flex-basis: var(--nav-menu-content-width, 240px);
77
- z-index: -1;
78
- }
79
-
80
- .vuuLeftNav .vuuTabstrip {
81
- margin-top: 102px;
82
- }
83
-
84
- .vuuLeftNav .vuuTab {
85
- --vuuTab-focusVisible-color: pink;
86
- --vuu-icon-color: white;
87
- --vuu-icon-left: 12px;
88
- --vuu-icon-size: 16px;
89
- border-left: solid 4px transparent;
90
- padding: 0 0 0 48px;
91
-
92
- }
93
-
94
- .vuuLeftNav .vuuTab-selected {
95
- --vuu-icon-color: var(--salt-navigable-indicator-active);
96
- border-left: solid 4px var(--salt-navigable-indicator-active);
97
- }
98
-
99
- .vuuLeftNav-logo {
100
- display: flex;
101
- flex: 0 0 auto;
102
- justify-content: center;
103
- }
104
-
105
- .vuuLeftNav-main {
106
- flex: 1 1 auto;
107
- }
108
-
109
- .vuuLeftNav-menu {
110
- color: white;
111
- margin-top: 102px;
112
- padding: 0;
113
- }
114
-
115
-
116
- .vuuLeftNav [data-icon='demo'] {
117
- --vuu-icon-svg: var(--svg-demo);
118
- }
119
-
120
- .vuuLeftNav [data-icon='tables'] {
121
- --vuu-icon-svg: var(--svg-tables);
122
- }
123
-
124
- .vuuLeftNav [data-icon='features'] {
125
- --vuu-icon-svg: var(--svg-features);
126
- }
127
-
128
- .vuuLeftNav [data-icon='layouts'] {
129
- --vuu-icon-svg: var(--svg-layouts);
130
- }
131
-
132
-
133
- @container (max-width: 100px) {
134
- .vuuTab {
135
- /* --vuu-icon-left: 12px !important; */
136
- --vuuTab-padding: 0 0 0 42px;
137
- }
138
-
139
- .vuuTab-main {
140
- display: none !important;
141
- }
142
- }
143
-
144
- .vuuLeftNav-buttonBar {
145
- align-items: center;
146
- display: flex;
147
- flex: 0 0 100px;
148
- justify-content: center;
149
- }
150
-
151
- .vuuLeftNav-toggleButton {
152
- --vuu-icon-color: var(--vuu-light-text-primary);
153
- --vuu-icon-left: 11px;
154
- --vuu-icon-top: 10px;
155
- --vuu-icon-size: 16px;
156
- background-color: var(--salt-navigable-indicator-active);
157
- border-width: 0;
158
- border-radius: 18px;
159
- height: 36px;
160
- position: relative;
161
- width: 36px
162
- }
163
-
164
- .vuuLeftNav-toggleButton-open {
165
- --vuu-icon-left: 9px;
166
- }
167
-
168
- .vuuLeftNav-drawer {
169
- display: flex;
170
- padding: 0 0 0 24px;
171
- flex-direction: column;
172
- align-items: flex-start;
173
- flex-shrink: 0;
174
- align-self: stretch;
175
- background: #FFF;
176
- box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.15);
177
- height: 100%
178
- }
@@ -1,70 +0,0 @@
1
- .vuuLoginPanel {
2
- --saltInput-paddingLeft: 8px;
3
- --login-width: 856px;
4
- --login-height: 550px;
5
- --hwTextInput-border: solid 1px #ccc;
6
- --hwTextInput-height: 28px;
7
- --hwTextInput-padding: 0 12px;
8
- --hwTextInput-width: 100%;
9
- --login-row-height: 60px;
10
- border-radius: 16px;
11
- box-shadow: 0px 24px 44px 0px rgba(0, 0, 0, 0.25);
12
- display: flex;
13
- height: var(--login-height);
14
- margin: 0 auto;
15
- width: var(--login-width);
16
- }
17
-
18
- .vuuLoginPanel .saltInput-primary {
19
- --saltInput-height: 36px;
20
- }
21
-
22
- .vuuLoginPanel-title {
23
- justify-content: center;
24
- font-size: 28px;
25
- font-weight: 400;
26
- display: flex;
27
- }
28
-
29
-
30
- .vuuLoginPanel-branding {
31
- align-items: center;
32
- background-color: var(--vuu-color-purple-50);
33
- border-radius: 16px 0 0 16px;
34
- display: flex;
35
- flex: 0 0 368px;
36
- flex-direction: column;
37
- gap: 40px;
38
- justify-content: center;
39
- padding: 40px 100px;
40
- }
41
-
42
- .vuuLoginPanel-form {
43
- background-color: white;
44
- border-radius: 0 16px 16px 0px;
45
- display: flex;
46
- flex: 1 1 auto;
47
- flex-direction: column;
48
- gap: 32px;
49
- justify-content: center;
50
- padding: 0 40px;
51
- }
52
-
53
- .vuuLoginPanel-password {
54
- --vuu-icon-size: 16px;
55
- }
56
-
57
- .vuuLoginPanel-appName {
58
- color: white;
59
- font-size: 18px;
60
- font-weight: 700;
61
- text-transform: uppercase;
62
- }
63
-
64
- .vuuLoginPanel-login {
65
- --saltButton-height: 36px;
66
- --saltButton-borderRadius: 6px;
67
- width: 100%
68
- }
69
-
70
-
@@ -1,53 +0,0 @@
1
- .vuuSessionEditingForm {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 3px;
5
- min-width: 400px;
6
- padding: 6px;
7
- }
8
-
9
- .vuuSessionEditingForm-content {
10
- display: flex;
11
- flex-direction: column;
12
- flex: 1 1 auto;
13
- gap: 3px;
14
- overflow: auto;
15
- }
16
-
17
- .vuuSessionEditingForm-field {
18
- align-items: center;
19
- display: flex;
20
- height: 32px;
21
- }
22
-
23
- .vuuSessionEditingForm-fieldLabel {
24
- flex: 0 0 50%;
25
- }
26
-
27
- .vuuSessionEditingForm-fieldValue {
28
- max-width: 50%;
29
- }
30
-
31
- .vuuSessionEditingForm-fieldValue.vuuReadOnly {
32
- font-weight: var(--salt-text-label-fontWeight-strong);
33
- }
34
-
35
- .vuuSessionEditingForm-buttonbar {
36
- align-items: center;
37
- border-top: solid 1px var(--salt-container-primary-borderColor);
38
- display: flex;
39
- justify-content: flex-end;
40
- flex: 0 0 autox;
41
- gap: 6px;
42
- padding-top: 6px;
43
- }
44
-
45
- .vuuSessionEditingForm-errorBanner {
46
- --vuu-icon-left: 3px;
47
- --vuu-icon-size: 18px;
48
- --vuu-icon-top: 3px;
49
- border: solid 1px var(--salt-status-error-borderColor);
50
- line-height: 24px;
51
- padding: 0 6px 0 26px;
52
- position: relative;
53
- }
@@ -1,58 +0,0 @@
1
- .vuuContextPanel {
2
- position: relative;
3
- transition: width .3s ease-in-out;
4
- width: var(--vuu-side-panel-width, 0px) !important;
5
- z-index: 1;
6
- }
7
-
8
- .vuuContextPanel-expanded {
9
- --vuu-side-panel-width: 300px !important;
10
- --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
11
- --vuu-side-panel-padding: 24px;
12
- }
13
-
14
- .vuuContextPanel-overlay {
15
- width: 0px !important;
16
- }
17
-
18
- .vuuContextPanel-inner {
19
- background-color: var(--salt-container-primary-background);
20
- box-shadow: var(--vuu-side-panel-shadow, none);
21
- display: flex;
22
- flex-direction: column;
23
- height: 100%;
24
- min-width: 0 !important;
25
- overflow: auto;
26
- padding-bottom: 24px;
27
- padding-top: 24px;
28
- padding-left: var(--vuu-side-panel-padding, 0);
29
- padding-right: var(--vuu-side-panel-padding, 0);
30
- position: absolute !important;
31
- right: 0;
32
- top:0;
33
- transition-property: padding-left, padding-right, width;
34
- transition-duration: .3s;
35
- transition-timing-function: ease-in-out;
36
- width: var(--vuu-side-panel-width, 0px);
37
-
38
- }
39
-
40
- .vuuContextPanel-header {
41
- align-items: center;
42
- display: flex;
43
- flex-wrap: nowrap;
44
- flex: 0 0 27px !important;
45
- justify-content: space-between;
46
- }
47
-
48
- .vuuContextPanel-title {
49
- font-size: 20px;
50
- font-weight: 700;
51
- white-space: nowrap;
52
- }
53
-
54
- .vuuContextPanel-content {
55
- flex: 1 1 auto;
56
- width: 100%;
57
-
58
- }
@@ -1,4 +0,0 @@
1
- .vuuShellSidePanel {
2
- transition: width .2s ease-out;
3
- width: var(--shell-left-nav-size);
4
- }
@@ -1,30 +0,0 @@
1
-
2
- .vuuThemeSwitch {
3
- --saltButton-minWidth: 22px;
4
- --svg-light: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z"/></svg>');
5
- --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z"/></svg>');
6
- padding: 2px;
7
- }
8
-
9
- .salt-density-high .vuuThemeSwitch {
10
- --saltButton-minWidth: 16px;
11
- --saltButton-width: 18px;
12
- --vuuThemeSwitch-iconSize: 16px;
13
- }
14
-
15
- .vuuThemeSwitch [data-icon] {
16
- --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);
17
- }
18
-
19
- .vuuThemeSwitch [data-icon='light'] {
20
- --vuu-icon-svg: var(--svg-light);
21
- }
22
- .vuuThemeSwitch [data-icon='dark'] {
23
- --vuu-icon-svg: var(--svg-dark);
24
- }
25
-
26
- .vuuThemeSwitch .saltToggleButton {
27
- height: 20px;
28
- width: 20px;
29
- }
30
-
@@ -1 +0,0 @@
1
- export declare const importCSS: (path: string) => Promise<CSSStyleSheet>;