@vixcom/ui 1.7.3 → 1.7.4

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/dist/assets/images/avatar.svg +1 -0
  2. package/dist/assets/images/default.png +0 -0
  3. package/dist/assets/images/favicon.png +0 -0
  4. package/dist/assets/images/icon.png +0 -0
  5. package/dist/assets/images/logo.dark.png +0 -0
  6. package/dist/assets/images/logo.png +0 -0
  7. package/dist/assets/images/logo.white.png +0 -0
  8. package/dist/css/animations.css +1 -1
  9. package/dist/css/colors.css +1 -1
  10. package/dist/css/fonts.css +66 -48
  11. package/dist/css/helper/primefaces.css +18 -2
  12. package/dist/css/main.css +4 -2
  13. package/dist/css/variables.css +2 -1
  14. package/dist/package.json +3 -3
  15. package/package.json +3 -3
package/dist/assets/images/avatar.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 594 594" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><circle id="Avatar" cx="296.789" cy="296.789" r="296.789" style="fill:#fff;"/><clipPath id="_clip1"><circle cx="296.789" cy="296.789" r="296.789"/></clipPath><g clip-path="url(#_clip1)"><path d="M296.789,353.398c163.802,0 296.788,53.81 296.788,120.09c0,66.279 -132.986,120.089 -296.788,120.089c-163.803,0 -296.789,-53.81 -296.789,-120.089c0,-66.28 132.986,-120.09 296.789,-120.09Zm-0,-259.595c66.279,0 120.089,53.811 120.089,120.09c0,66.279 -53.81,120.089 -120.089,120.089c-66.28,0 -120.09,-53.81 -120.09,-120.089c0,-66.279 53.81,-120.09 120.09,-120.09Z" style="fill:#404040;"/></g></svg>
package/dist/assets/images/default.png ADDED
Binary file
package/dist/assets/images/favicon.png ADDED
Binary file
package/dist/assets/images/icon.png ADDED
Binary file
package/dist/assets/images/logo.dark.png ADDED
Binary file
package/dist/assets/images/logo.png ADDED
Binary file
package/dist/css/animations.css CHANGED
@@ -48,7 +48,7 @@
48
48
  }
49
49
  .loading-anim.has-logo::after {
50
50
  content: "";
51
- background-image: url("/assets/img/icon.png");
51
+ background-image: url("/assets/images/icon.png");
52
52
  background-size: contain;
53
53
  background-clip: border-box;
54
54
  background-repeat: no-repeat;
package/dist/css/colors.css CHANGED
@@ -2627,7 +2627,7 @@ input:focus {
2627
2627
  }
2628
2628
 
2629
2629
  .silhouette {
2630
- filter: saturate(0%) brightness(500%);
2630
+ filter: brightness(0) invert(1) sepia(1) hue-rotate(240deg) saturate(5);
2631
2631
  }
2632
2632
 
2633
2633
  .shadow-1::before {
package/dist/css/fonts.css CHANGED
@@ -36,15 +36,18 @@ h6,
36
36
  .h6,
37
37
  .font-1 {
38
38
  --heading-size: calc(
39
- var(--heading-start, 200%) -
40
- (
41
- 5 *
39
+ (
40
+ var(--heading-start, 200%) -
42
41
  (
43
- var(--heading-start, 200%) -
44
- var(--heading-end, 100%)
45
- ) /
46
- 5
47
- )
42
+ 5 *
43
+ (
44
+ var(--heading-start, 200%) -
45
+ var(--heading-end, 100%)
46
+ ) /
47
+ 5
48
+ )
49
+ ) *
50
+ var(--heading-size-r, 1)
48
51
  );
49
52
  }
50
53
 
@@ -52,15 +55,18 @@ h5,
52
55
  .h5,
53
56
  .font-2 {
54
57
  --heading-size: calc(
55
- var(--heading-start, 200%) -
56
- (
57
- 4 *
58
+ (
59
+ var(--heading-start, 200%) -
58
60
  (
59
- var(--heading-start, 200%) -
60
- var(--heading-end, 100%)
61
- ) /
62
- 5
63
- )
61
+ 4 *
62
+ (
63
+ var(--heading-start, 200%) -
64
+ var(--heading-end, 100%)
65
+ ) /
66
+ 5
67
+ )
68
+ ) *
69
+ var(--heading-size-r, 1)
64
70
  );
65
71
  }
66
72
 
@@ -68,15 +74,18 @@ h4,
68
74
  .h4,
69
75
  .font-3 {
70
76
  --heading-size: calc(
71
- var(--heading-start, 200%) -
72
- (
73
- 3 *
77
+ (
78
+ var(--heading-start, 200%) -
74
79
  (
75
- var(--heading-start, 200%) -
76
- var(--heading-end, 100%)
77
- ) /
78
- 5
79
- )
80
+ 3 *
81
+ (
82
+ var(--heading-start, 200%) -
83
+ var(--heading-end, 100%)
84
+ ) /
85
+ 5
86
+ )
87
+ ) *
88
+ var(--heading-size-r, 1)
80
89
  );
81
90
  }
82
91
 
@@ -84,15 +93,18 @@ h3,
84
93
  .h3,
85
94
  .font-4 {
86
95
  --heading-size: calc(
87
- var(--heading-start, 200%) -
88
- (
89
- 2 *
96
+ (
97
+ var(--heading-start, 200%) -
90
98
  (
91
- var(--heading-start, 200%) -
92
- var(--heading-end, 100%)
93
- ) /
94
- 5
95
- )
99
+ 2 *
100
+ (
101
+ var(--heading-start, 200%) -
102
+ var(--heading-end, 100%)
103
+ ) /
104
+ 5
105
+ )
106
+ ) *
107
+ var(--heading-size-r, 1)
96
108
  );
97
109
  }
98
110
 
@@ -100,15 +112,18 @@ h2,
100
112
  .h2,
101
113
  .font-5 {
102
114
  --heading-size: calc(
103
- var(--heading-start, 200%) -
104
- (
105
- 1 *
115
+ (
116
+ var(--heading-start, 200%) -
106
117
  (
107
- var(--heading-start, 200%) -
108
- var(--heading-end, 100%)
109
- ) /
110
- 5
111
- )
118
+ 1 *
119
+ (
120
+ var(--heading-start, 200%) -
121
+ var(--heading-end, 100%)
122
+ ) /
123
+ 5
124
+ )
125
+ ) *
126
+ var(--heading-size-r, 1)
112
127
  );
113
128
  }
114
129
 
@@ -116,15 +131,18 @@ h1,
116
131
  .h1,
117
132
  .font-6 {
118
133
  --heading-size: calc(
119
- var(--heading-start, 200%) -
120
- (
121
- 0 *
134
+ (
135
+ var(--heading-start, 200%) -
122
136
  (
123
- var(--heading-start, 200%) -
124
- var(--heading-end, 100%)
125
- ) /
126
- 5
127
- )
137
+ 0 *
138
+ (
139
+ var(--heading-start, 200%) -
140
+ var(--heading-end, 100%)
141
+ ) /
142
+ 5
143
+ )
144
+ ) *
145
+ var(--heading-size-r, 1)
128
146
  );
129
147
  }
130
148
 
package/dist/css/helper/primefaces.css CHANGED
@@ -17,6 +17,10 @@
17
17
  color: var(--white);
18
18
  }
19
19
 
20
+ .p-progressbar {
21
+ height: 1rem;
22
+ }
23
+
20
24
  .p-tabview.no-header .p-tabview-nav {
21
25
  display: none;
22
26
  }
@@ -122,6 +126,9 @@
122
126
  .p-toast {
123
127
  z-index: 5;
124
128
  }
129
+ .p-toast-icon-close-icon {
130
+ padding: 0;
131
+ }
125
132
 
126
133
  .p-badge {
127
134
  font-size: 0.75rem;
@@ -135,8 +142,12 @@
135
142
  width: 100%;
136
143
  flex: 1 1 auto;
137
144
  }
138
- .p-float-label :focus ~ label,
139
- .p-float-label .p-filled ~ label {
145
+ .p-float-label.active label,
146
+ .p-float-label.active .float, .p-float-label.focus-within label,
147
+ .p-float-label.focus-within .float, .p-float-label:focus-within label,
148
+ .p-float-label:focus-within .float, .p-float-label :focus ~ label,
149
+ .p-float-label :focus ~ .float, .p-float-label .p-filled ~ label,
150
+ .p-float-label .p-filled ~ .float {
140
151
  top: 0;
141
152
  transform: translateY(-100%);
142
153
  }
@@ -249,6 +260,11 @@
249
260
  height: 2.25rem;
250
261
  }
251
262
 
263
+ .p-datatable-table .p-frozen-column {
264
+ left: 0;
265
+ right: 0;
266
+ }
267
+
252
268
  .p-panel > :first-child {
253
269
  border-top-left-radius: inherit;
254
270
  border-top-right-radius: inherit;
package/dist/css/main.css CHANGED
@@ -320,7 +320,7 @@ input .input,
320
320
  /* margin: 0.25rem 0 1rem; */
321
321
  border-radius: 0.25rem;
322
322
  border: 1px solid currentColor;
323
- /* width: 100%; */
323
+ max-width: 100%;
324
324
  }
325
325
  input .input:not(.has-addon),
326
326
  *:not(.input) > .input:not(.has-addon) {
@@ -887,7 +887,8 @@ button,
887
887
  border-radius: var(--border-radius, 0.25rem);
888
888
  padding: 0.25rem 0.75rem;
889
889
  font-size: 120%;
890
- min-width: 5rem;
890
+ max-width: 5rem;
891
+ min-width: fit-content;
891
892
  gap: 0.25rem;
892
893
  justify-content: center;
893
894
  align-items: center;
@@ -895,6 +896,7 @@ button,
895
896
  text-overflow: ellipsis;
896
897
  white-space: nowrap;
897
898
  border: 1px;
899
+ cursor: pointer;
898
900
  }
899
901
  button:focus,
900
902
  .button:focus {
package/dist/css/variables.css CHANGED
@@ -1,5 +1,6 @@
1
1
  :root {
2
- --font-size: var(--o-font-size, 0.75rem);
2
+ --o-font-size: 0.75rem* var(--font-size-r, 1);
3
+ --font-size: var(--o-font-size);
3
4
  --card-shadow: var(--shadow-1);
4
5
  --background-color: #ffffff;
5
6
  --heading-start: 200%;
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vixcom/ui",
3
- "version": "1.7.3",
3
+ "version": "1.7.4",
4
4
  "keywords": [
5
5
  "ui",
6
6
  "styling",
@@ -13,7 +13,7 @@
13
13
  "dist/**"
14
14
  ],
15
15
  "scripts": {
16
- "start": "http-server -P=http://127.0.0.1 src -p=1400 -s --cors",
16
+ "start": "serve src -l 1400 -nLC",
17
17
  "serve": "sass src/styles:src/css -w",
18
18
  "build": "sass --no-source-map src/styles:dist/css",
19
19
  "preview": "npm run build && firebase serve --only hosting:dashboard --port=9000",
@@ -22,8 +22,8 @@
22
22
  "publish": "npm publish"
23
23
  },
24
24
  "devDependencies": {
25
- "http-server": "^14.1.1",
26
25
  "sass": "^1.58.3",
26
+ "serve": "^14.2.5",
27
27
  "tailwindcss": "^3.2.7"
28
28
  }
29
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vixcom/ui",
3
- "version": "1.7.3",
3
+ "version": "1.7.4",
4
4
  "keywords": [
5
5
  "ui",
6
6
  "styling",
@@ -13,7 +13,7 @@
13
13
  "dist/**"
14
14
  ],
15
15
  "scripts": {
16
- "start": "http-server -P=http://127.0.0.1 src -p=1400 -s --cors",
16
+ "start": "serve src -l 1400 -nLC",
17
17
  "serve": "sass src/styles:src/css -w",
18
18
  "build": "sass --no-source-map src/styles:dist/css",
19
19
  "preview": "npm run build && firebase serve --only hosting:dashboard --port=9000",
@@ -22,8 +22,8 @@
22
22
  "publish": "npm publish"
23
23
  },
24
24
  "devDependencies": {
25
- "http-server": "^14.1.1",
26
25
  "sass": "^1.58.3",
26
+ "serve": "^14.2.5",
27
27
  "tailwindcss": "^3.2.7"
28
28
  }
29
29
  }