From 2501631a409655b2b8847365cf0bd845c275b241 Mon Sep 17 00:00:00 2001
From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com>
Date: Wed, 6 Nov 2024 13:30:13 +0100
Subject: [PATCH] feat(tokens):added tokens for the validation component
 refactor(tokens):renamed palette to palettes and fixed the naming in the
 token themselve to resemble that change refactor(tokens): removed selected
 tokens for Checkbox and radio button as they were named that way incorrectly.
 Connected enabled states instead.

---
 .../tokens/tokensstudio-generated/tokens.json | 192 ++++++++++--------
 1 file changed, 107 insertions(+), 85 deletions(-)

diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
index b903963cfe..105b97dcf9 100644
--- a/packages/tokens/tokensstudio-generated/tokens.json
+++ b/packages/tokens/tokensstudio-generated/tokens.json
@@ -5364,14 +5364,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
         },
-        "selected-bg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.bg1}"
-        },
-        "selected-fg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.fg1}"
-        },
         "enabled-stroke": {
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.enabled.stroke}"
@@ -5380,10 +5372,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.hover.stroke}"
         },
-        "selected-stroke": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.stroke1}"
-        },
         "disabled-stroke": {
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
@@ -6637,14 +6625,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
         },
-        "selected-bg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.bg1}"
-        },
-        "selected-fg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.fg1}"
-        },
         "enabled-stroke": {
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.enabled.stroke}"
@@ -6657,10 +6637,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
         },
-        "selected-stroke": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.selected.stroke1}"
-        },
         "gap": {
           "block": {
             "group": {
@@ -6672,10 +6648,6 @@
             "text-start": {
               "$type": "spacing",
               "$value": "{post.device.spacing.gap.inline.12}"
-            },
-            "group": {
-              "$type": "spacing",
-              "$value": "tbd"
             }
           }
         },
@@ -7793,7 +7765,7 @@
   "Components/Validation": {
     "post": {
       "validation": {
-        "list": {
+        "group": {
           "gap": {
             "inline": {
               "$type": "spacing",
@@ -7807,6 +7779,16 @@
                 "$value": "{post.device.spacing.padding.12}"
               }
             }
+          },
+          "icon": {
+            "size": {
+              "$type": "sizing",
+              "$value": "{post.device.sizing.interactive.icon.size}"
+            },
+            "padding": {
+              "$type": "spacing",
+              "$value": "{post.device.spacing.padding.1}"
+            }
           }
         },
         "error": {
@@ -7816,6 +7798,22 @@
         "success": {
           "$type": "color",
           "$value": "{post.scheme.color.signal.success-solo}"
+        },
+        "input": {
+          "padding": {
+            "block": {
+              "$type": "spacing",
+              "$value": "{post.device.spacing.padding.block.5}"
+            },
+            "inline": {
+              "$type": "spacing",
+              "$value": "{post.device.spacing.padding.2}"
+            }
+          }
+        },
+        "font-size": {
+          "$type": "fontSizes",
+          "$value": "{post.device.font-size.9}"
         }
       }
     }
@@ -7993,11 +7991,11 @@
           "small": {
             "$type": "typography",
             "$value": {
-              "fontFamily": "{post.device.font-family.default}",
-              "fontWeight": "{post.device.font-weight.regular}",
+              "fontFamily": "{post.body.font-family}",
+              "fontWeight": "{post.body.font-weight}",
               "fontSize": "{post.device.font-size.9}",
-              "lineHeight": "{post.device.line-height.label}",
-              "letterSpacing": "{post.core.letter-spacing.default}"
+              "lineHeight": "{post.body.line-height}",
+              "letterSpacing": "{post.body.letter-spacing}"
             }
           },
           "smaller": {
@@ -8613,9 +8611,9 @@
       }
     }
   },
-  "Palette": {
+  "Palettes": {
     "post": {
-      "helper": {
+      "palettes": {
         "color": {
           "default": {
             "bg": {
@@ -8625,10 +8623,6 @@
             "fg": {
               "$type": "color",
               "$value": "{post.theme.color.accent.default.fg}"
-            },
-            "bg-scheme": {
-              "$type": "text",
-              "$value": "{post.theme.accent.bg-scheme.default}"
             }
           },
           "alternate": {
@@ -8639,10 +8633,6 @@
             "fg": {
               "$type": "color",
               "$value": "{post.theme.color.accent.alternate.fg}"
-            },
-            "bg-scheme": {
-              "$type": "text",
-              "$value": "{post.theme.accent.bg-scheme.alternate}"
             }
           },
           "brand": {
@@ -8653,10 +8643,6 @@
             "fg": {
               "$type": "color",
               "$value": "{post.theme.color.accent.brand.fg}"
-            },
-            "bg-scheme": {
-              "$type": "text",
-              "$value": "{post.theme.accent.bg-scheme.brand}"
             }
           },
           "accent": {
@@ -8667,7 +8653,31 @@
             "fg": {
               "$type": "color",
               "$value": "{post.theme.color.accent.emphasis.fg}"
-            },
+            }
+          }
+        }
+      },
+      "helper": {
+        "color": {
+          "default": {
+            "bg-scheme": {
+              "$type": "text",
+              "$value": "{post.theme.accent.bg-scheme.default}"
+            }
+          },
+          "alternate": {
+            "bg-scheme": {
+              "$type": "text",
+              "$value": "{post.theme.accent.bg-scheme.alternate}"
+            }
+          },
+          "brand": {
+            "bg-scheme": {
+              "$type": "text",
+              "$value": "{post.theme.accent.bg-scheme.brand}"
+            }
+          },
+          "accent": {
             "bg-scheme": {
               "$type": "text",
               "$value": "{post.theme.accent.bg-scheme.emphasis}"
@@ -8722,7 +8732,8 @@
         "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2,"
       },
       "selectedTokenSets": {
-        "core": "enabled"
+        "core": "enabled",
+        "Palettes": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1595",
       "$figmaModeId": "718:0",
@@ -8738,6 +8749,8 @@
         "post.core.color.notification.red-light": "dc8a3f925a29ec749bed302314c141a7483ca160",
         "post.core.color.notification.orange-light": "d5f216e93abaa8bd3b7be2708846595265f69acb",
         "post.core.color.notification.blue-light": "96e994c2e2920dcba3de3f9a2ba7b43bf914cb79",
+        "post.core.color.notification.green-night": "3199517b27ac3fe0ab99e52e1b4721f07491796d",
+        "post.core.color.notification.red-night": "f6e214da94b642f7eb2b0593c1e2da44e88749ba",
         "post.core.color.sandgrey.100": "3f0c5233089d823bb75769a5e022748cef8d6beb",
         "post.core.color.sandgrey.000": "0f66c4e1b53dbf13095454ed0247b0e8c3d889e0",
         "post.core.color.sandgrey.002": "e9a3ff986fba3d9d8d34a948ee34993b206ddf1c",
@@ -8849,9 +8862,7 @@
         "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea",
         "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20",
         "post.core.bg-scheme.light": "680b1c2afef596d40c46720eec03880fce677f54",
-        "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4",
-        "post.core.color.notification.green-night": "3199517b27ac3fe0ab99e52e1b4721f07491796d",
-        "post.core.color.notification.red-night": "f6e214da94b642f7eb2b0593c1e2da44e88749ba"
+        "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4"
       }
     },
     {
@@ -8860,7 +8871,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -8874,6 +8886,8 @@
         "post.scheme.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7",
         "post.scheme.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c",
         "post.scheme.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea",
+        "post.scheme.color.signal.success-solo": "005074d4749ba0d64a11e8a5c742c48631c98dca",
+        "post.scheme.color.signal.error-solo": "93e0cd4e7a5f9b2a33a76c9c0f3ab60dc5543f66",
         "post.scheme.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf",
         "post.scheme.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562",
         "post.scheme.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75",
@@ -9028,9 +9042,7 @@
         "post.cargo.scheme.color.surface.brand.fg-accent": "15eac3957d30e8b21001a30f17a62fd362e0c5f0",
         "post.cargo.scheme.color.surface.emphasis.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6",
         "post.cargo.scheme.color.surface.emphasis.fg": "e724294b65aca52dcb29118010534f0482bd0881",
-        "post.cargo.scheme.color.surface.emphasis.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
-        "post.scheme.color.signal.success-solo": "005074d4749ba0d64a11e8a5c742c48631c98dca",
-        "post.scheme.color.signal.error-solo": "93e0cd4e7a5f9b2a33a76c9c0f3ab60dc5543f66"
+        "post.cargo.scheme.color.surface.emphasis.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2"
       }
     },
     {
@@ -9040,7 +9052,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Scheme/Light": "enabled",
-        "Scheme/Dark": "enabled"
+        "Scheme/Dark": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9056,6 +9069,8 @@
         "post.scheme.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea",
         "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f",
         "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198",
+        "post.scheme.color.signal.success-solo": "005074d4749ba0d64a11e8a5c742c48631c98dca",
+        "post.scheme.color.signal.error-solo": "93e0cd4e7a5f9b2a33a76c9c0f3ab60dc5543f66",
         "post.scheme.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf",
         "post.scheme.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562",
         "post.scheme.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75",
@@ -9210,9 +9225,7 @@
         "post.cargo.scheme.color.surface.emphasis.fg": "e724294b65aca52dcb29118010534f0482bd0881",
         "post.cargo.scheme.color.surface.emphasis.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
         "post.scheme.accent.color-scheme.1": "d839255ce134d92f7329c05fa6de12dbf8070dae",
-        "post.scheme.accent.color-scheme.2": "96cf7a6141a4e43c6fe044888d7d04c367bf89bc",
-        "post.scheme.color.signal.success-solo": "005074d4749ba0d64a11e8a5c742c48631c98dca",
-        "post.scheme.color.signal.error-solo": "93e0cd4e7a5f9b2a33a76c9c0f3ab60dc5543f66"
+        "post.scheme.accent.color-scheme.2": "96cf7a6141a4e43c6fe044888d7d04c367bf89bc"
       }
     },
     {
@@ -9221,7 +9234,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Device/Desktop": "enabled"
+        "Device/Desktop": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9394,7 +9408,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Device/Desktop": "enabled",
-        "Device/Tablet": "enabled"
+        "Device/Tablet": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9574,7 +9589,8 @@
         "core": "source",
         "Device/Desktop": "enabled",
         "Device/Tablet": "enabled",
-        "Device/Mobile": "enabled"
+        "Device/Mobile": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9751,7 +9767,8 @@
         "Device/Mobile": "source",
         "Channel/EDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9772,7 +9789,8 @@
         "Channel/EDK": "enabled",
         "Channel/IDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9803,7 +9821,8 @@
         "Elements/ListBullet": "enabled",
         "Elements/ListNumber": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16769",
       "$figmaModeId": "3180:1",
@@ -9872,7 +9891,8 @@
         "Theme/Post": "source",
         "Utilities/Color": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16768",
       "$figmaModeId": "3180:0",
@@ -10062,7 +10082,7 @@
         "Components/Close": "enabled",
         "Components/Accordion": "enabled",
         "Components/Quote": "enabled",
-        "Palette": "disabled"
+        "Palettes": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:808:5504",
       "$figmaModeId": "808:0",
@@ -10226,11 +10246,8 @@
         "post.checkbox.hover-fg": "4cd3a35c6d41c8bf0f327dc00edce076b43375f9",
         "post.checkbox.disabled-bg": "17a75265c1ba9ab24f81d178854bcc374d386772",
         "post.checkbox.disabled-fg": "f67e1029d1f7c3fc93b33b2c7662af38106ac1a7",
-        "post.checkbox.selected-bg": "dfc50424925d3bb701a5e28e2ee112ca1fb13c4a",
-        "post.checkbox.selected-fg": "fd045802c80e76ee3028a5299bd519c39b479a46",
         "post.checkbox.enabled-stroke": "baeb6a8bfd531712283a81c79867de6406094263",
         "post.checkbox.hover-stroke": "09fd9bb754b50d6b5d66a08cb9b5aa02b81f1eb1",
-        "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461",
         "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39",
         "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be",
         "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7",
@@ -10452,15 +10469,11 @@
         "post.radio-button.hover-fg": "317132a0c272589edf4a4b14e0ae72f2f7ce18a4",
         "post.radio-button.disabled-bg": "c09bc9b42df8004a531165fe1745cfd79cdb9a3e",
         "post.radio-button.disabled-fg": "02139795f587accc9430208032da5a645a1917e9",
-        "post.radio-button.selected-bg": "3897745b964bb30eb717691a728002a210ba7e90",
-        "post.radio-button.selected-fg": "575b9dbb58033e0ae4a7c879cac441faf4ec5236",
         "post.radio-button.enabled-stroke": "d478c213676bcf2eb1ea055a37705d9f6eb33c26",
         "post.radio-button.hover-stroke": "efd5e0b0f302879c355da5d057adaf8ffe41471e",
         "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2",
-        "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586",
         "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408",
         "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5",
-        "post.radio-button.gap.inline.group": "0d348d17ca88dc80d153be265c58c3ff2c501b4f",
         "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7",
         "post.radio-button.icon.padding.block.container": "7226e0dc94e9d28902b5f19ffc2849b9a09a3e96",
         "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6",
@@ -10671,10 +10684,15 @@
         "post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0",
         "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
         "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
-        "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2",
-        "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee",
+        "post.validation.group.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2",
+        "post.validation.group.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee",
         "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795",
-        "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371"
+        "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
+        "post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d",
+        "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
+        "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
+        "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
+        "post.validation.group.icon.padding": "4c33e15ce67a9e7398af3f45682774c919629a17"
       }
     },
     {
@@ -10725,7 +10743,8 @@
         "Utilities/Spacing": "source",
         "Utilities/Typo": "source",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       }
     },
     {
@@ -10741,7 +10760,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10775,7 +10795,8 @@
         "Theme/Post": "enabled",
         "Theme/Cargo": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Palettes": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10810,7 +10831,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Helpers/Focus": "enabled"
+        "Helpers/Focus": "enabled",
+        "Palettes": "disabled"
       },
       "group": "Helpers",
       "$figmaCollectionId": "VariableCollectionId:6402:53868",
@@ -10825,7 +10847,7 @@
     },
     {
       "id": "4fce02b2d68c0ae155900265b9454f5be46d8e41",
-      "name": "Palette",
+      "name": "Palettes",
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
@@ -10835,7 +10857,7 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Palette": "enabled"
+        "Palettes": "enabled"
       }
     }
   ],
@@ -10893,7 +10915,7 @@
       "Utilities/Spacing",
       "Utilities/Color",
       "Utilities/Typo",
-      "Palette",
+      "Palettes",
       "Helpers/Focus"
     ]
   }