@appscode/design-system 1.0.43-alpha.89 → 1.0.43-alpha.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 (8) hide show
  1. package/base/utilities/_default.scss +1 -1
  2. package/base/utilities/_typography.scss +3 -0
  3. package/components/_ac-alert-box.scss +2 -1
  4. package/components/_ac-input.scss +13 -6
  5. package/components/_graph.scss +45 -0
  6. package/components/ui-builder/_ui-builder.scss +6 -1
  7. package/main.scss +2 -0
  8. package/package.json +1 -1
package/base/utilities/_default.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &.in-ui-builder {
27
- grid-template-columns: calc(100% - 270px) 270px;
27
+ grid-template-columns: calc(100% - 270px) 270px !important;
28
28
  }
29
29
 
30
30
  &.has-ui-builder {
package/base/utilities/_typography.scss CHANGED
@@ -106,3 +106,6 @@ strong {
106
106
  .is-font-bold {
107
107
  font-weight: 700;
108
108
  }
109
+ .material-icons{
110
+ font-size: 1em;
111
+ }
package/components/_ac-alert-box.scss CHANGED
@@ -17,8 +17,9 @@
17
17
  p {
18
18
  color: $ac-primary;
19
19
 
20
- i.fa {
20
+ .close-icon {
21
21
  padding-right: 10px;
22
+ font-size: 15px;
22
23
  }
23
24
 
24
25
  a {
package/components/_ac-input.scss CHANGED
@@ -177,6 +177,11 @@
177
177
  top: -9px;
178
178
  font-weight: 500;
179
179
  color: $ac-color-value;
180
+ &.is-required{
181
+ &:after{
182
+ width: calc(100% + 10px);
183
+ }
184
+ }
180
185
  }
181
186
  }
182
187
 
@@ -373,12 +378,13 @@
373
378
  }
374
379
 
375
380
  .ac-textarea {
376
- // border: 1px solid $ac-label-text;
377
- // border-radius: 4px;
378
- // padding: 10px 0 5px 0;
379
- // // background-color: $ac-blue-light;
380
- // transition: background-color 0.3s ease-in-out;
381
-
381
+ .ac-label{
382
+ &.is-required{
383
+ &:after{
384
+ width: calc(100% + 10px);
385
+ }
386
+ }
387
+ }
382
388
  textarea {
383
389
  border: 1px solid $ac-label-text;
384
390
  background-color: transparent;
@@ -387,6 +393,7 @@
387
393
  &.bg-white {
388
394
  background-color: transparent;
389
395
  }
396
+
390
397
 
391
398
  &:focus {
392
399
  outline: none;
package/components/_graph.scss ADDED
@@ -0,0 +1,45 @@
1
+ .graph-tooltip-wrapper {
2
+ background-color: var(--ac-white);
3
+ border: 1px solid var(--ac-white-light);
4
+
5
+ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
6
+ border-radius: 4px;
7
+ overflow: hidden;
8
+ h6 {
9
+ padding: 10px 20px;
10
+ border-bottom: 1px solid var(--ac-white-light);
11
+ }
12
+ .table-wrapper {
13
+ padding: 10px 20px;
14
+ tr {
15
+ td {
16
+ &:first-child {
17
+ font-weight: 450;
18
+ padding-right: 10px;
19
+ color: var(--ac-text-heading);
20
+ }
21
+ padding: 4px 0;
22
+ font-size: 13px;
23
+ }
24
+ }
25
+ }
26
+ }
27
+
28
+ .is-hovering .label text tspan {
29
+ stroke: var(--ac-white);
30
+ fill: var(--ac-white);
31
+ stroke-width: 0.3px;
32
+ }
33
+ .is-selected .label text tspan {
34
+ stroke: var(--ac-white);
35
+ fill: var(--ac-white);
36
+ stroke-width: 0.3px;
37
+ }
38
+ .label text tspan {
39
+ stroke: var(--ac-black);
40
+ fill: var(--ac-black);
41
+ stroke-width: 0.3px;
42
+ }
43
+ .edgeLabel .label text tspan {
44
+ stroke-width: 0px;
45
+ }
package/components/ui-builder/_ui-builder.scss CHANGED
@@ -158,7 +158,12 @@
158
158
  border-radius: 4px;
159
159
  }
160
160
  }
161
-
161
+ .is-collapsed {
162
+ &.ac-nested-elements::before,
163
+ &.ac-nested-elements::after {
164
+ display: none;
165
+ }
166
+ }
162
167
  // details with checkradio
163
168
  .details-with-checkradio-wrapper {
164
169
  display: grid;
package/main.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @import "~bulma-checkradio";
4
4
  @import "~bulma-switch";
5
5
  @import "~bulma-tooltip";
6
+ @import url("https://fonts.googleapis.com/css2?family=Material+Icons&display=swap");
6
7
  @import "vue-multiselect/dist/vue-multiselect.min.css";
7
8
 
8
9
  // BASE
@@ -54,6 +55,7 @@
54
55
  @import "~assets/design-system/components/wizard";
55
56
  @import "~assets/design-system/components/preloader";
56
57
  @import "~assets/design-system/components/pagination";
58
+ @import "~assets/design-system/components/graph";
57
59
  @import "~assets/design-system/components/ui-builder/ui-builder";
58
60
  @import "~assets/design-system/components/ac-toaster/ac-toasted";
59
61
  @import "~assets/design-system/components/bbum/post";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.89",
3
+ "version": "1.0.43-alpha.92",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {