@propelinc/citrus-ui 1.0.3 → 1.0.5
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/README.md +12 -0
- package/dist/styles/main.css +36 -0
- package/package.json +4 -2
- package/src/styles/main.scss +2 -0
package/README.md
CHANGED
|
@@ -15,6 +15,18 @@ Questions? Ask for eng help in [#unit-eng-frontend-libraries](https://propel-tea
|
|
|
15
15
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
|
+
## Publishing
|
|
19
|
+
|
|
20
|
+
```sh
|
|
21
|
+
cd libs/citrus-ui
|
|
22
|
+
pnpm version patch # or minor / major
|
|
23
|
+
pnpm publish --access restricted
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
`pnpm version` bumps `package.json`, auto-updates unpkg/CDN version references in `examples/`, and creates a git commit + tag.
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
18
30
|
## CDN Usage
|
|
19
31
|
|
|
20
32
|
citrus-ui publishes two builds:
|
package/dist/styles/main.css
CHANGED
|
@@ -538,6 +538,42 @@ a:hover {
|
|
|
538
538
|
box-shadow: var(--sl-shadow-large);
|
|
539
539
|
}
|
|
540
540
|
|
|
541
|
+
/** NOTE(ej): These styles address an issue with 'ghost' hover states caused
|
|
542
|
+
* by Vuetify's default hover styles compatible with browser-based apps that
|
|
543
|
+
* support hovering. If an additional component is reported displaying a 'ghost'
|
|
544
|
+
* hover use this mixin in that component's scoped styles.
|
|
545
|
+
* Original bug ticket: https://join-propel.atlassian.net/browse/EUFL-15
|
|
546
|
+
*/
|
|
547
|
+
@font-face {
|
|
548
|
+
font-family: "Polymath";
|
|
549
|
+
font-style: normal;
|
|
550
|
+
font-weight: 100 900;
|
|
551
|
+
src: url("../../src/assets/fonts/polymath.woff2") format("woff2");
|
|
552
|
+
}
|
|
553
|
+
@font-face {
|
|
554
|
+
font-family: "Polymath";
|
|
555
|
+
font-style: italic;
|
|
556
|
+
font-weight: 100 900;
|
|
557
|
+
src: url("../../src/assets/fonts/polymath.woff2") format("woff2");
|
|
558
|
+
}
|
|
559
|
+
/** NOTE(ej): These styles address an issue with 'ghost' hover states caused
|
|
560
|
+
* by Vuetify's default hover styles compatible with browser-based apps that
|
|
561
|
+
* support hovering. If an additional component is reported displaying a 'ghost'
|
|
562
|
+
* hover use this mixin in that component's scoped styles.
|
|
563
|
+
* Original bug ticket: https://join-propel.atlassian.net/browse/EUFL-15
|
|
564
|
+
*/
|
|
565
|
+
@font-face {
|
|
566
|
+
font-family: "Grenette";
|
|
567
|
+
font-style: normal;
|
|
568
|
+
font-weight: 400;
|
|
569
|
+
src: url("../../src/assets/fonts/grenette-regular.woff2") format("woff2");
|
|
570
|
+
}
|
|
571
|
+
@font-face {
|
|
572
|
+
font-family: "Grenette";
|
|
573
|
+
font-style: normal;
|
|
574
|
+
font-weight: 650;
|
|
575
|
+
src: url("../../src/assets/fonts/grenette-semibold.woff2") format("woff2");
|
|
576
|
+
}
|
|
541
577
|
@keyframes skeleton-loader-animation {
|
|
542
578
|
0% {
|
|
543
579
|
background-position: 150%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@propelinc/citrus-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/propelinc/citrus-ui"
|
|
@@ -64,7 +64,9 @@
|
|
|
64
64
|
},
|
|
65
65
|
"scripts": {
|
|
66
66
|
"build": "vite build && vite build --mode cdn && pnpm run build:styles",
|
|
67
|
-
"build:styles": "node scripts/build-styles.mjs"
|
|
67
|
+
"build:styles": "node scripts/build-styles.mjs",
|
|
68
|
+
"version": "node scripts/sync-version.mjs && git add examples/",
|
|
69
|
+
"serve:examples": "vite preview --outDir examples --open"
|
|
68
70
|
},
|
|
69
71
|
"module": "./dist/index.mjs",
|
|
70
72
|
"types": "./dist/index.d.ts",
|