@wizco/fenixds-core 1.0.9 → 1.0.12
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/package.json +1 -1
- package/styles/core.css +21 -6
- package/styles/scss/animations.scss +16 -0
- package/styles/scss/core.scss +5 -0
- package/styles/scss/typography.scss +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wizco/fenixds-core",
|
|
3
3
|
"description": "Fenix design system é um produto da Wiz com ativos de design e código de front-end para ajudar as equipes na criação dos seus produtos.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.12",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"author": "Raul Melo Fernandez",
|
package/styles/core.css
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box; }
|
|
3
|
+
|
|
1
4
|
:root {
|
|
2
5
|
--wco-font-family: 'Figtree', sans-serif;
|
|
3
6
|
--wco-color-primary-text: #fcfcfc;
|
|
@@ -827,21 +830,21 @@ a.btn {
|
|
|
827
830
|
.display-6 strong,
|
|
828
831
|
.display-6.bold {
|
|
829
832
|
font-weight: var(--wco-font-weight-bold); }
|
|
830
|
-
.display-1:not([class*="text-neutral-"]), .display-1:not([class*="text-primary-"]), .display-1:not([class*="text-secondary-"]),
|
|
833
|
+
.display-1:not([class*="text-neutral-"]), .display-1:not([class*="text-primary-500"]), .display-1:not([class*="text-secondary-"]),
|
|
831
834
|
.display-2:not([class*="text-neutral-"]),
|
|
832
|
-
.display-2:not([class*="text-primary-"]),
|
|
835
|
+
.display-2:not([class*="text-primary-500"]),
|
|
833
836
|
.display-2:not([class*="text-secondary-"]),
|
|
834
837
|
.display-3:not([class*="text-neutral-"]),
|
|
835
|
-
.display-3:not([class*="text-primary-"]),
|
|
838
|
+
.display-3:not([class*="text-primary-500"]),
|
|
836
839
|
.display-3:not([class*="text-secondary-"]),
|
|
837
840
|
.display-4:not([class*="text-neutral-"]),
|
|
838
|
-
.display-4:not([class*="text-primary-"]),
|
|
841
|
+
.display-4:not([class*="text-primary-500"]),
|
|
839
842
|
.display-4:not([class*="text-secondary-"]),
|
|
840
843
|
.display-5:not([class*="text-neutral-"]),
|
|
841
|
-
.display-5:not([class*="text-primary-"]),
|
|
844
|
+
.display-5:not([class*="text-primary-500"]),
|
|
842
845
|
.display-5:not([class*="text-secondary-"]),
|
|
843
846
|
.display-6:not([class*="text-neutral-"]),
|
|
844
|
-
.display-6:not([class*="text-primary-"]),
|
|
847
|
+
.display-6:not([class*="text-primary-500"]),
|
|
845
848
|
.display-6:not([class*="text-secondary-"]) {
|
|
846
849
|
color: var(--wco-color-neutral-900); }
|
|
847
850
|
|
|
@@ -906,6 +909,18 @@ a.btn {
|
|
|
906
909
|
font-size: var(--wco-font-size-xxxs);
|
|
907
910
|
line-height: var(--wco-font-lineheight-500); }
|
|
908
911
|
|
|
912
|
+
@keyframes skeletonShine {
|
|
913
|
+
to {
|
|
914
|
+
background-position: 500px 0; } }
|
|
915
|
+
|
|
916
|
+
.wco-skeleton *:empty {
|
|
917
|
+
background: #f6f7f8;
|
|
918
|
+
background-position: -500px 0;
|
|
919
|
+
animation: skeletonShine 1s linear 0s infinite normal forwards;
|
|
920
|
+
background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
|
|
921
|
+
background-repeat: no-repeat;
|
|
922
|
+
background-size: 1000px 100%; }
|
|
923
|
+
|
|
909
924
|
.m-none {
|
|
910
925
|
margin: var(--wco-spacing-none); }
|
|
911
926
|
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@keyframes skeletonShine {
|
|
2
|
+
to {
|
|
3
|
+
background-position: 500px 0;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.wco-skeleton {
|
|
8
|
+
*:empty {
|
|
9
|
+
background: #f6f7f8;
|
|
10
|
+
background-position: -500px 0;
|
|
11
|
+
animation: skeletonShine 1s linear 0s infinite normal forwards;
|
|
12
|
+
background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
background-size: 1000px 100%;
|
|
15
|
+
}
|
|
16
|
+
}
|
package/styles/scss/core.scss
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
@import "./variables.scss";
|
|
2
6
|
@import "./tooltip.scss";
|
|
3
7
|
@import "./forms.scss";
|
|
4
8
|
@import "./button.scss";
|
|
5
9
|
@import "./content-cards.scss";
|
|
6
10
|
@import "./typography.scss";
|
|
11
|
+
@import "./animations.scss";
|
|
7
12
|
@import "./helpers.scss";
|