Fix loading bar and change palette (#2362)

aweell · web-flow · commit 9dd714cc0e66 · 2025-10-02T11:09:12.000Z
diff --git a/tokens/movistar-new.json b/tokens/movistar-new.json
@@ -76,9 +76,9 @@
       "description": "grey200"
     },
     "backgroundSkeletonInverse": {
-      "value": "{palette.blue500}",
+      "value": "{palette.blue800}",
       "type": "color",
-      "description": "blue500"
+      "description": "blue800"
     },
     "backgroundBrandTop": {
       "value": "{palette.movistarBlue}",
@@ -406,9 +406,9 @@
       "description": "movistarBlue"
     },
     "completedStepInverse": {
-      "value": "{palette.blue500}",
+      "value": "{palette.blue200}",
       "type": "color",
-      "description": "blue500"
+      "description": "blue200"
     },
     "control": {
       "value": "{palette.grey500}",
@@ -446,9 +446,9 @@
       "description": "movistarBlack"
     },
     "loadingBar": {
-      "value": "{palette.movistarBlue}",
+      "value": "{palette.blueLight}",
       "type": "color",
-      "description": "movistarBlue"
+      "description": "blueLight"
     },
     "loadingBarBackground": {
       "value": "{palette.blueHigh}",
@@ -1284,9 +1284,9 @@
       "description": "blue800"
     },
     "completedStepInverse": {
-      "value": "{palette.blue500}",
+      "value": "{palette.blue200}",
       "type": "color",
-      "description": "blue500"
+      "description": "blue200"
     },
     "control": {
       "value": "{palette.grey400}",
@@ -2077,12 +2077,12 @@
         "value": "#E5F0FF",
         "type": "color"
       },
-      "blue300": {
-        "value": "#80B3FF",
+      "blue200": {
+        "value": "#E8F4FA",
         "type": "color"
       },
-      "blue500": {
-        "value": "#E8F4FA",
+      "blue300": {
+        "value": "#80B3FF",
         "type": "color"
       },
       "blue600": {
diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
@@ -522,7 +522,7 @@
             },
             {
               "comment": "Movistar-new",
-              "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue300|blue500|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue300|blue500|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+              "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue200|blue300|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue200|blue300|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
             },
             {
               "comment": "O2",
@@ -571,7 +571,7 @@
                       },
                       {
                         "comment": "Movistar-new",
-                        "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue300|blue500|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue300|blue500|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+                        "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue200|blue300|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarWhite|movistarBlack|blue100|blue200|blue300|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
                       },
                       {
                         "comment": "O2",
@@ -628,7 +628,7 @@
             },
             {
               "comment": "Movistar-new",
-              "pattern": "^(movistarBlue|movistarWhite|movistarBlack|blue100|blue300|blue500|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+$"
+              "pattern": "^(movistarBlue|movistarWhite|movistarBlack|blue100|blue200|blue300|blue600|blue800|blueLight|blueHigh|blueDark|red|red350|redHigh|salmon100|salmon200|salmonLight|salmonDark|yellow|yellow200|yellow400|yellow500|yellow600|yellowLight|yellowHigh|yellowDark|emerald|emeraldHigh|green200|green400|green700|greenLight|greenHigh|greenDark|pink45|pink55|grey100|grey200|grey300|grey400|grey500|grey600|grey700|white|white100|black|darkModeBlack|darkModeGrey|darkModeMovistarBlue)+$"
             },
             {
               "comment": "O2",

Original file line number	Diff line number	Diff line change
`@@ -522,7 +522,7 @@`
`522`	`522`	`},`
`523`	`523`	`{`
`524`	`524`	`"comment": "Movistar-new",`
`525`		- "pattern": "(.?rgba.?)+([({])+(palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue300\|blue500\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)}, (0+([.][0-9]+)?\|1([.]0)?)[)])$\|^({palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue300\|blue500\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+})$\|(.?linear-gradient.?)+([(])(?:36[0]\|3[0-5][0-9]\|[12][0-9][0-9]\|[1-9]?[0-9])(.?deg).[)]$"
	`525`	+ "pattern": "(.?rgba.?)+([({])+(palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue200\|blue300\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)}, (0+([.][0-9]+)?\|1([.]0)?)[)])$\|^({palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue200\|blue300\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+})$\|(.?linear-gradient.?)+([(])(?:36[0]\|3[0-5][0-9]\|[12][0-9][0-9]\|[1-9]?[0-9])(.?deg).[)]$"
`526`	`526`	`},`
`527`	`527`	`{`
`528`	`528`	`"comment": "O2",`
`@@ -571,7 +571,7 @@`
`571`	`571`	`},`
`572`	`572`	`{`
`573`	`573`	`"comment": "Movistar-new",`
`574`		- "pattern": "(.?rgba.?)+([({])+(palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue300\|blue500\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)}, (0+([.][0-9]+)?\|1([.]0)?)[)])$\|^({palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue300\|blue500\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+})$\|(.?linear-gradient.?)+([(])(?:36[0]\|3[0-5][0-9]\|[12][0-9][0-9]\|[1-9]?[0-9])(.?deg).[)]$"
	`574`	+ "pattern": "(.?rgba.?)+([({])+(palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue200\|blue300\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)}, (0+([.][0-9]+)?\|1([.]0)?)[)])$\|^({palette.(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue200\|blue300\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+})$\|(.?linear-gradient.?)+([(])(?:36[0]\|3[0-5][0-9]\|[12][0-9][0-9]\|[1-9]?[0-9])(.?deg).[)]$"
`575`	`575`	`},`
`576`	`576`	`{`
`577`	`577`	`"comment": "O2",`
`@@ -628,7 +628,7 @@`
`628`	`628`	`},`
`629`	`629`	`{`
`630`	`630`	`"comment": "Movistar-new",`
`631`		- "pattern": "^(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue300\|blue500\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+$"
	`631`	+ "pattern": "^(movistarBlue\|movistarWhite\|movistarBlack\|blue100\|blue200\|blue300\|blue600\|blue800\|blueLight\|blueHigh\|blueDark\|red\|red350\|redHigh\|salmon100\|salmon200\|salmonLight\|salmonDark\|yellow\|yellow200\|yellow400\|yellow500\|yellow600\|yellowLight\|yellowHigh\|yellowDark\|emerald\|emeraldHigh\|green200\|green400\|green700\|greenLight\|greenHigh\|greenDark\|pink45\|pink55\|grey100\|grey200\|grey300\|grey400\|grey500\|grey600\|grey700\|white\|white100\|black\|darkModeBlack\|darkModeGrey\|darkModeMovistarBlue)+$"
`632`	`632`	`},`
`633`	`633`	`{`
`634`	`634`	`"comment": "O2",`