@bitrise/bitkit-v2 0.3.274 → 0.3.275

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 (5) hide show
  1. package/dist/theme/recipes/Skeleton.recipe.d.ts +2 -2
  2. package/dist/theme/recipes/Skeleton.recipe.js +4 -4
  3. package/dist/theme/recipes/Skeleton.recipe.js.map +1 -1
  4. package/dist/theme/recipes/index.d.ts +2 -2
  5. package/package.json +1 -1
package/dist/theme/recipes/Skeleton.recipe.d.ts CHANGED
@@ -2,8 +2,8 @@ declare const skeletonRecipe: import('@chakra-ui/react').RecipeDefinition<{
2
2
  loading: {
3
3
  true: {
4
4
  backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))";
5
- backgroundSize: "400% 100%";
6
- animation: "bg-position var(--duration, 10s) ease-in-out infinite";
5
+ backgroundSize: "200% 100%";
6
+ animation: "bg-position var(--duration, 1.5s) linear infinite";
7
7
  borderRadius: "4";
8
8
  borderColor: "transparent";
9
9
  backgroundClip: "padding-box";
package/dist/theme/recipes/Skeleton.recipe.js CHANGED
@@ -3,8 +3,8 @@ import { defineRecipe } from "@chakra-ui/react/styled-system";
3
3
  var skeletonRecipe = defineRecipe({
4
4
  className: "skeleton",
5
5
  base: {
6
- "--animate-from": "200%",
7
- "--animate-to": "-200%",
6
+ "--animate-from": "100%",
7
+ "--animate-to": "-100%",
8
8
  "--start-color": "colors.utilities/skeleton",
9
9
  "--end-color": "colors.utilities/skeleton-strong",
10
10
  display: "flex",
@@ -14,8 +14,8 @@ var skeletonRecipe = defineRecipe({
14
14
  variants: { loading: {
15
15
  true: {
16
16
  backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))",
17
- backgroundSize: "400% 100%",
18
- animation: "bg-position var(--duration, 10s) ease-in-out infinite",
17
+ backgroundSize: "200% 100%",
18
+ animation: "bg-position var(--duration, 1.5s) linear infinite",
19
19
  borderRadius: "4",
20
20
  borderColor: "transparent",
21
21
  backgroundClip: "padding-box",
package/dist/theme/recipes/Skeleton.recipe.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Skeleton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst skeletonRecipe = defineRecipe({\n className: 'skeleton',\n base: {\n '--animate-from': '200%',\n '--animate-to': '-200%',\n '--start-color': 'colors.utilities/skeleton',\n '--end-color': 'colors.utilities/skeleton-strong',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n\n variants: {\n loading: {\n true: {\n backgroundImage:\n 'linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))',\n backgroundSize: '400% 100%',\n animation: 'bg-position var(--duration, 10s) ease-in-out infinite',\n borderRadius: '4',\n borderColor: 'transparent',\n backgroundClip: 'padding-box',\n cursor: 'default',\n color: 'transparent',\n pointerEvents: 'none',\n userSelect: 'none',\n flexShrink: '0',\n '&::before, &::after, *': {\n visibility: 'hidden',\n },\n },\n false: {\n animation: 'fade-in var(--fade-duration, 0.1s) ease-out !important',\n },\n },\n },\n\n defaultVariants: {\n loading: true,\n },\n});\n\nexport default skeletonRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,aAAa;CAClC,WAAW;CACX,MAAM;EACJ,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,YAAY;EACZ,gBAAgB;CAClB;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,iBACE;GACF,gBAAgB;GAChB,WAAW;GACX,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B,EACxB,YAAY,SACd;EACF;EACA,OAAO,EACL,WAAW,yDACb;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,KACX;AACF,CAAC"}
1
+ {"version":3,"file":"Skeleton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Skeleton.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst skeletonRecipe = defineRecipe({\n className: 'skeleton',\n base: {\n '--animate-from': '100%',\n '--animate-to': '-100%',\n '--start-color': 'colors.utilities/skeleton',\n '--end-color': 'colors.utilities/skeleton-strong',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n\n variants: {\n loading: {\n true: {\n backgroundImage:\n 'linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))',\n backgroundSize: '200% 100%',\n animation: 'bg-position var(--duration, 1.5s) linear infinite',\n borderRadius: '4',\n borderColor: 'transparent',\n backgroundClip: 'padding-box',\n cursor: 'default',\n color: 'transparent',\n pointerEvents: 'none',\n userSelect: 'none',\n flexShrink: '0',\n '&::before, &::after, *': {\n visibility: 'hidden',\n },\n },\n false: {\n animation: 'fade-in var(--fade-duration, 0.1s) ease-out !important',\n },\n },\n },\n\n defaultVariants: {\n loading: true,\n },\n});\n\nexport default skeletonRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,aAAa;CAClC,WAAW;CACX,MAAM;EACJ,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,YAAY;EACZ,gBAAgB;CAClB;CAEA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,iBACE;GACF,gBAAgB;GAChB,WAAW;GACX,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B,EACxB,YAAY,SACd;EACF;EACA,OAAO,EACL,WAAW,yDACb;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,KACX;AACF,CAAC"}
package/dist/theme/recipes/index.d.ts CHANGED
@@ -422,8 +422,8 @@ declare const recipes: {
422
422
  loading: {
423
423
  true: {
424
424
  backgroundImage: "linear-gradient(270deg,var(--start-color),var(--end-color),var(--end-color),var(--start-color))";
425
- backgroundSize: "400% 100%";
426
- animation: "bg-position var(--duration, 10s) ease-in-out infinite";
425
+ backgroundSize: "200% 100%";
426
+ animation: "bg-position var(--duration, 1.5s) linear infinite";
427
427
  borderRadius: "4";
428
428
  borderColor: "transparent";
429
429
  backgroundClip: "padding-box";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.274",
4
+ "version": "0.3.275",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",