cloud-ide-layout 1.0.91 → 1.0.92

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 (15) hide show
  1. package/fesm2022/{cloud-ide-layout-cloud-ide-layout-BDS9Jpes.mjs → cloud-ide-layout-cloud-ide-layout-CyEZSzvb.mjs} +15 -15
  2. package/fesm2022/cloud-ide-layout-cloud-ide-layout-CyEZSzvb.mjs.map +1 -0
  3. package/fesm2022/{cloud-ide-layout-drawer-theme.component-P9EzETlj.mjs → cloud-ide-layout-drawer-theme.component-C6j_3h1a.mjs} +2 -2
  4. package/fesm2022/{cloud-ide-layout-drawer-theme.component-P9EzETlj.mjs.map → cloud-ide-layout-drawer-theme.component-C6j_3h1a.mjs.map} +1 -1
  5. package/fesm2022/{cloud-ide-layout-floating-entity-selection.component-DYO3LW-i.mjs → cloud-ide-layout-floating-entity-selection.component-D3QqLVUa.mjs} +2 -2
  6. package/fesm2022/{cloud-ide-layout-floating-entity-selection.component-DYO3LW-i.mjs.map → cloud-ide-layout-floating-entity-selection.component-D3QqLVUa.mjs.map} +1 -1
  7. package/fesm2022/{cloud-ide-layout-home-wrapper.component-mu6Wjxwu.mjs → cloud-ide-layout-home-wrapper.component-BbM68mdM.mjs} +2 -2
  8. package/fesm2022/{cloud-ide-layout-home-wrapper.component-mu6Wjxwu.mjs.map → cloud-ide-layout-home-wrapper.component-BbM68mdM.mjs.map} +1 -1
  9. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-DWFq3LA-.mjs → cloud-ide-layout-sidedrawer-notes.component-BVpmljBj.mjs} +2 -2
  10. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-DWFq3LA-.mjs.map → cloud-ide-layout-sidedrawer-notes.component-BVpmljBj.mjs.map} +1 -1
  11. package/fesm2022/cloud-ide-layout.mjs +1 -1
  12. package/package.json +1 -1
  13. package/src/lib/assets/css/cide-lyt-style.scss +235 -235
  14. package/src/lib/assets/css/cide-lyt-variable.scss +112 -112
  15. package/fesm2022/cloud-ide-layout-cloud-ide-layout-BDS9Jpes.mjs.map +0 -1
package/src/lib/assets/css/cide-lyt-variable.scss CHANGED
@@ -1,113 +1,113 @@
1
- /*-------------------------------------------------
2
- * CIDE-LYT Variable
3
- *--------------------------------------------------*/
4
- :root {
5
- // Header Starts Here
6
- --cide-lyt-header-wrapper-height: 42px;
7
- --cide-lyt-header-wrapper-background-color: white;
8
- --cide-lyt-header-wrapper-border-color: rgba(229, 231, 235, 1);
9
- --cide-lyt-header-wrapper-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
10
- --cide-lyt-header-wrapper-z-index: 1000;
11
- // Header Ends Here
12
-
13
- --cide-lyt-request-wrapper-height: 20px;
14
- --cide-lyt-sidebar-wrapper-hieght: 50px;
15
- --cide-lyt-sidedrawer-wrapper-hieght:50px;
16
- --cide-lyt-footer-wrapper-hieght:50px;
17
- --cide-lyt-console-wrapper-hieght:50px;
18
-
19
- // Sidebar Stack Starts Here
20
- --cide-lyt-stack-wrapper-background-color: #f9f9f9;
21
- --cide-lyt-stack-wrapper-width: 64px;
22
- // Sidebar Stack Ends Here
23
-
24
- // Sidebar Starts Here
25
- --cide-lyt-sidebar-wrapper-background-color: #F9F9F9;
26
- --cide-lyt-sidebar-menu-width: 200px;
27
- --cide-lyt-sidebar-menu-border-color: #e6e6e6;
28
- --cide-lyt-sidebar-nav-item-color-active: var(--cide-theme-color-brand-primary);
29
- --cide-lyt-sidebar-nav-item-color: var(--cide-theme-label-color);
30
- // Sidebar Ends Here
31
-
32
- // Side Drawer Starts Here
33
- --cide-lyt-sidedrawer-wrapper-background-color: var(--cide-lyt-sidebar-wrapper-background-color);
34
- --cide-lyt-sidedrawer-wrapper-width: 32px;
35
- --cide-lyt-sidedrawer-wrapper-width-expanded-min: 384px;
36
- // Side Drawer Ends Here
37
-
38
- // Page Wrapper Starts Here
39
- --cide-lyt-page-wrapper-background-color: rgb(243 244 246);
40
- // Page Wrapper Ends Here
41
-
42
- // Footer Starts Here
43
- --cide-lyt-footer-wrapper-height: 20px;
44
- --code-lyt-footer-wrapper-background-color: #F9F9F9;
45
- --code-lyt-footer-wrapper-border-color: #e6e6e6;
46
- // Footer Ends Here
47
- }
48
-
49
-
50
- /* :root defines variables available globally */
51
- :root {
52
- /* 1. TYPOGRAPHIC SCALE */
53
- --cide-theme-font-size-xs: 0.72rem; /* 16px */
54
- --cide-theme-font-size-sm: 0.8rem; /* 12.8px */
55
- --cide-theme-font-size-lg: 1.25rem; /* 20px */
56
- --cide-theme-font-size-xl: 1.563rem; /* 25px */
57
- --cide-theme-font-size-xxl: 1.953rem; /* 31.25px */
58
- --cide-theme-font-size-xxxl: 2.441rem; /* 39.06px */
59
-
60
- /* 2. FONT WEIGHTS */
61
- --cide-theme-font-weight-regular: 400;
62
- --cide-theme-font-weight-semibold: 600;
63
- --cide-theme-font-weight-bold: 700;
64
-
65
- /* 3. LINE HEIGHTS */
66
- --cide-theme-line-height-body: 1.6;
67
- --cide-theme-line-height-heading: 1.2;
68
- }
69
-
70
- /* Base styles for the body */
71
- body {
72
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
73
- font-size: var(--cide-theme-font-size-base);
74
- line-height: var(--cide-theme-line-height-body);
75
- color: #333; /* Use a dark gray, not pure black */
76
- }
77
-
78
- /* Rules for Headings */
79
- h1, h2, h3, h4, h5 {
80
- // margin: 2rem 0 1rem 0;
81
- font-family: inherit;
82
- line-height: var(--cide-theme-line-height-heading);
83
- }
84
-
85
- h1 {
86
- font-size: var(--cide-theme-font-size-xxxxl);
87
- font-weight: var(--cide-theme-font-weight-bold);
88
- }
89
-
90
- h2 {
91
- font-size: var(--cide-theme-font-size-xxxl);
92
- font-weight: var(--cide-theme-font-weight-bold);
93
- }
94
-
95
- h3 {
96
- font-size: var(--cide-theme-font-size-xxl);
97
- font-weight: var(--cide-theme-font-weight-bold);
98
- }
99
-
100
- h4 {
101
- font-size: var(--cide-theme-font-size-xl);
102
- font-weight: var(--cide-theme-font-weight-semibold);
103
- }
104
-
105
- h5 {
106
- font-size: var(--cide-theme-font-size-lg);
107
- font-weight: var(--cide-theme-font-weight-semibold);
108
- }
109
-
110
- /* Use a class for small text to be explicit */
111
- .text-small {
112
- font-size: var(--cide-theme-font-size-sm);
1
+ /*-------------------------------------------------
2
+ * CIDE-LYT Variable
3
+ *--------------------------------------------------*/
4
+ :root {
5
+ // Header Starts Here
6
+ --cide-lyt-header-wrapper-height: 42px;
7
+ --cide-lyt-header-wrapper-background-color: white;
8
+ --cide-lyt-header-wrapper-border-color: rgba(229, 231, 235, 1);
9
+ --cide-lyt-header-wrapper-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
10
+ --cide-lyt-header-wrapper-z-index: 1000;
11
+ // Header Ends Here
12
+
13
+ --cide-lyt-request-wrapper-height: 20px;
14
+ --cide-lyt-sidebar-wrapper-hieght: 50px;
15
+ --cide-lyt-sidedrawer-wrapper-hieght:50px;
16
+ --cide-lyt-footer-wrapper-hieght:50px;
17
+ --cide-lyt-console-wrapper-hieght:50px;
18
+
19
+ // Sidebar Stack Starts Here
20
+ --cide-lyt-stack-wrapper-background-color: #f9f9f9;
21
+ --cide-lyt-stack-wrapper-width: 64px;
22
+ // Sidebar Stack Ends Here
23
+
24
+ // Sidebar Starts Here
25
+ --cide-lyt-sidebar-wrapper-background-color: #F9F9F9;
26
+ --cide-lyt-sidebar-menu-width: 200px;
27
+ --cide-lyt-sidebar-menu-border-color: #e6e6e6;
28
+ --cide-lyt-sidebar-nav-item-color-active: var(--cide-theme-color-brand-primary);
29
+ --cide-lyt-sidebar-nav-item-color: var(--cide-theme-label-color);
30
+ // Sidebar Ends Here
31
+
32
+ // Side Drawer Starts Here
33
+ --cide-lyt-sidedrawer-wrapper-background-color: var(--cide-lyt-sidebar-wrapper-background-color);
34
+ --cide-lyt-sidedrawer-wrapper-width: 32px;
35
+ --cide-lyt-sidedrawer-wrapper-width-expanded-min: 384px;
36
+ // Side Drawer Ends Here
37
+
38
+ // Page Wrapper Starts Here
39
+ --cide-lyt-page-wrapper-background-color: rgb(243 244 246);
40
+ // Page Wrapper Ends Here
41
+
42
+ // Footer Starts Here
43
+ --cide-lyt-footer-wrapper-height: 20px;
44
+ --code-lyt-footer-wrapper-background-color: #F9F9F9;
45
+ --code-lyt-footer-wrapper-border-color: #e6e6e6;
46
+ // Footer Ends Here
47
+ }
48
+
49
+
50
+ /* :root defines variables available globally */
51
+ :root {
52
+ /* 1. TYPOGRAPHIC SCALE */
53
+ --cide-theme-font-size-xs: 0.72rem; /* 16px */
54
+ --cide-theme-font-size-sm: 0.8rem; /* 12.8px */
55
+ --cide-theme-font-size-lg: 1.25rem; /* 20px */
56
+ --cide-theme-font-size-xl: 1.563rem; /* 25px */
57
+ --cide-theme-font-size-xxl: 1.953rem; /* 31.25px */
58
+ --cide-theme-font-size-xxxl: 2.441rem; /* 39.06px */
59
+
60
+ /* 2. FONT WEIGHTS */
61
+ --cide-theme-font-weight-regular: 400;
62
+ --cide-theme-font-weight-semibold: 600;
63
+ --cide-theme-font-weight-bold: 700;
64
+
65
+ /* 3. LINE HEIGHTS */
66
+ --cide-theme-line-height-body: 1.6;
67
+ --cide-theme-line-height-heading: 1.2;
68
+ }
69
+
70
+ /* Base styles for the body */
71
+ body {
72
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
73
+ font-size: var(--cide-theme-font-size-base);
74
+ line-height: var(--cide-theme-line-height-body);
75
+ color: #333; /* Use a dark gray, not pure black */
76
+ }
77
+
78
+ /* Rules for Headings */
79
+ h1, h2, h3, h4, h5 {
80
+ // margin: 2rem 0 1rem 0;
81
+ font-family: inherit;
82
+ line-height: var(--cide-theme-line-height-heading);
83
+ }
84
+
85
+ h1 {
86
+ font-size: var(--cide-theme-font-size-xxxxl);
87
+ font-weight: var(--cide-theme-font-weight-bold);
88
+ }
89
+
90
+ h2 {
91
+ font-size: var(--cide-theme-font-size-xxxl);
92
+ font-weight: var(--cide-theme-font-weight-bold);
93
+ }
94
+
95
+ h3 {
96
+ font-size: var(--cide-theme-font-size-xxl);
97
+ font-weight: var(--cide-theme-font-weight-bold);
98
+ }
99
+
100
+ h4 {
101
+ font-size: var(--cide-theme-font-size-xl);
102
+ font-weight: var(--cide-theme-font-weight-semibold);
103
+ }
104
+
105
+ h5 {
106
+ font-size: var(--cide-theme-font-size-lg);
107
+ font-weight: var(--cide-theme-font-weight-semibold);
108
+ }
109
+
110
+ /* Use a class for small text to be explicit */
111
+ .text-small {
112
+ font-size: var(--cide-theme-font-size-sm);
113
113
  }