From 5e51e7ce4c6cb994e4c2d5f80a4a130ffc412220 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Fri, 20 Jan 2023 19:58:30 +0000
Subject: [PATCH 01/78] color picker tokens

---
 tokens/$metadata.json                      |   7 +-
 tokens/$themes.json                        |   5 +-
 tokens/component/[template-comp-name].json |   2 +-
 tokens/component/color-picker.json         | 169 +++++++++++++++++++++
 4 files changed, 177 insertions(+), 6 deletions(-)
 create mode 100644 tokens/component/color-picker.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index e52cb2b1603..996e43347a4 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -8,6 +8,7 @@
     "component/avatar",
     "component/checkbox",
     "component/chip",
+    "component/color-picker",
     "component/input-message",
     "component/input-time",
     "component/label",
@@ -17,12 +18,12 @@
     "component/tip",
     "component/tooltip",
     "component/switch",
+    "component/[template-comp-name]",
+    "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
     "brand/global",
     "brand/light",
-    "brand/dark",
-    "component/[template-comp-name]",
-    "component/accordion_backup"
+    "brand/dark"
   ]
 }
\ No newline at end of file
diff --git a/tokens/$themes.json b/tokens/$themes.json
index d96e4d807fa..d37859de601 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -199,7 +199,8 @@
       "component/accordion-item": "enabled",
       "component/alert": "enabled",
       "component/accordion": "enabled",
-      "component/tip": "enabled"
+      "component/tip": "enabled",
+      "component/color-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
@@ -725,4 +726,4 @@
       "semantic.font.hierarchy.caption": "S:d6be2a748447ac294a2d54be64dfe3a965256f85,"
     }
   }
-]
+]
\ No newline at end of file
diff --git a/tokens/component/[template-comp-name].json b/tokens/component/[template-comp-name].json
index 2d95491e98f..bf4896dbc5a 100644
--- a/tokens/component/[template-comp-name].json
+++ b/tokens/component/[template-comp-name].json
@@ -174,4 +174,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/tokens/component/color-picker.json b/tokens/component/color-picker.json
new file mode 100644
index 00000000000..aa441373504
--- /dev/null
+++ b/tokens/component/color-picker.json
@@ -0,0 +1,169 @@
+{
+  "color-picker": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "saved-size": {
+      "sm": {
+        "value": "$core.sizing.8",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.8",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "swatch-size": {
+      "sm": {
+        "value": "$core.sizing.8",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.8",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "channels": {
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.auto",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.auto",
+          "type": "spacing"
+        }
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 89f2c0209792173f9d59410fa79a0638f20c53af Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 22 Jan 2023 11:42:39 +0000
Subject: [PATCH 02/78] color picker tokens

---
 tokens/component/color-picker.json | 52 ++++++++++++++++--------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/tokens/component/color-picker.json b/tokens/component/color-picker.json
index aa441373504..bdebcf1eae1 100644
--- a/tokens/component/color-picker.json
+++ b/tokens/component/color-picker.json
@@ -1,34 +1,24 @@
 {
   "color-picker": {
     "font": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
-      },
-      "sm": {
-        "value": "$semantic.font.default.bold.-3h",
-        "type": "typography"
-      },
-      "md": {
-        "value": "$semantic.font.default.bold.-1h",
-        "type": "typography"
-      },
-      "lg": {
-        "value": "$semantic.font.default.bold.0h",
-        "type": "typography"
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        }
       }
     },
     "icon": {
       "light": {
-        "value": "$semantic.ui.color.text.3.light",
+        "value": "$semantic.ui.color.text.1.light",
         "type": "color"
       },
       "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
+        "value": "$semantic.ui.color.text.1.dark",
         "type": "color"
       }
     },
@@ -56,15 +46,15 @@
     },
     "border-radius": {
       "sm": {
-        "value": "$core.border.border-radius.4",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "md": {
-        "value": "$core.border.border-radius.5",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "lg": {
-        "value": "$core.border.border-radius.6",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       }
     },
@@ -126,6 +116,20 @@
         }
       }
     },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
     "space-around": {
       "sm": {
         "value": "$core.spacing.5",

From 7dbbd95b1393a4aae32e899fd3a665268d8d578f Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 23 Jan 2023 16:54:49 +0000
Subject: [PATCH 03/78] color picker token

---
 tokens/calcite/dark.json  | 22 ++++++++++++++++++++++
 tokens/calcite/light.json | 22 ++++++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 2ee861fca84..904e5ac28ad 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -512,6 +512,28 @@
             "type": "color"
           }
         }
+      },
+      "color-picker": {
+        "font": {
+          "label": {
+            "value": "$color-picker.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$color-picker.icon.dark",
+          "type": "color"
+        },
+        "border": {
+          "value": "$color-picker.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$color-picker.background.default.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 16e4eebe7ec..87fa8f47dae 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -542,6 +542,28 @@
             "type": "color"
           }
         }
+      },
+      "color-picker": {
+        "font": {
+          "label": {
+            "value": "$color-picker.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$color-picker.icon.light",
+          "type": "color"
+        },
+        "border": {
+          "value": "$color-picker.border.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$color-picker.background.default.light",
+            "type": "color"
+          }
+        }
       }
     }
   }

From df487a06efdd3922c4b5da0c0fe6afd69f362bf9 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 24 Jan 2023 15:24:13 +0000
Subject: [PATCH 04/78] color picker tokens

---
 tokens/component/color-picker.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tokens/component/color-picker.json b/tokens/component/color-picker.json
index bdebcf1eae1..5e9e3dec1bf 100644
--- a/tokens/component/color-picker.json
+++ b/tokens/component/color-picker.json
@@ -107,11 +107,11 @@
           "type": "spacing"
         },
         "md": {
-          "value": "$core.spacing.auto",
+          "value": "auto",
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.auto",
+          "value": "auto",
           "type": "spacing"
         }
       }

From 240a40c95e6b6e007d008a3796b09491933758ae Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 24 Jan 2023 20:08:03 +0000
Subject: [PATCH 05/78] date picker tokens

---
 tokens/$metadata.json              |   1 +
 tokens/$themes.json                |   3 +-
 tokens/component/color-picker.json |   4 +-
 tokens/component/date-picker.json  | 199 +++++++++++++++++++++++++++++
 4 files changed, 204 insertions(+), 3 deletions(-)
 create mode 100644 tokens/component/date-picker.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 996e43347a4..46b91acda78 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -11,6 +11,7 @@
     "component/color-picker",
     "component/input-message",
     "component/input-time",
+    "component/date-picker",
     "component/label",
     "component/loader",
     "component/radio",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index d37859de601..8df93443729 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -200,7 +200,8 @@
       "component/alert": "enabled",
       "component/accordion": "enabled",
       "component/tip": "enabled",
-      "component/color-picker": "enabled"
+      "component/color-picker": "enabled",
+      "component/date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/color-picker.json b/tokens/component/color-picker.json
index 5e9e3dec1bf..54946927cf2 100644
--- a/tokens/component/color-picker.json
+++ b/tokens/component/color-picker.json
@@ -78,7 +78,7 @@
         "type": "sizing"
       },
       "md": {
-        "value": "$core.sizing.8",
+        "value": "$core.sizing.9",
         "type": "sizing"
       },
       "lg": {
@@ -140,7 +140,7 @@
         "type": "spacing"
       },
       "lg": {
-        "value": "$core.spacing.11",
+        "value": "$core.spacing.7",
         "type": "spacing"
       }
     },
diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
new file mode 100644
index 00000000000..ee455a77ad5
--- /dev/null
+++ b/tokens/component/date-picker.json
@@ -0,0 +1,199 @@
+{
+  "date-picker": {
+    "font": {
+      "date": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.bold.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
+      },
+      "day": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.bold.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
+      },
+      "month": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.bold.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.1",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.2",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.4",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.14",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 34086599100b37eaa744d9bacf4874a8a0d0e6a5 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 24 Jan 2023 22:19:55 +0000
Subject: [PATCH 06/78] date picker tokens

---
 tokens/component/date-picker.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index ee455a77ad5..6066d20b7c3 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -15,7 +15,7 @@
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.bold.-1h",
+          "value": "$semantic.font.default.regular.-1h",
           "type": "typography"
         },
         "lg": {

From e9b1f153be6fb69f22aef3cf842c2e9200d9a4cc Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 25 Jan 2023 22:52:19 +0000
Subject: [PATCH 07/78] date picker tokens

---
 tokens/component/date-picker.json | 168 ++++++++++++++++++++++--------
 1 file changed, 123 insertions(+), 45 deletions(-)

diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index 6066d20b7c3..3f68a943ece 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -11,7 +11,7 @@
           "type": "color"
         },
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.regular.-2h",
           "type": "typography"
         },
         "md": {
@@ -19,7 +19,7 @@
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.regular.0h",
           "type": "typography"
         }
       },
@@ -33,37 +33,37 @@
           "type": "color"
         },
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.bold.-2h",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.bold.-1h",
+          "value": "$semantic.font.default.bold.-2h",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.bold.-1h",
           "type": "typography"
         }
       },
       "month": {
         "light": {
-          "value": "$semantic.ui.color.text.3.light",
+          "value": "$semantic.ui.color.text.1.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.text.3.dark",
+          "value": "$semantic.ui.color.text.1.dark",
           "type": "color"
         },
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.medium.-1h",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.bold.-1h",
+          "value": "$semantic.font.default.medium.0h",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.medium.1h",
           "type": "typography"
         }
       }
@@ -91,40 +91,40 @@
     "background": {
       "default": {
         "light": {
-          "value": "$semantic.ui.color.background.light",
+          "value": "$semantic.ui.color.foreground.1.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.background.dark",
+          "value": "$semantic.ui.color.foreground.1.dark",
           "type": "color"
         }
       }
     },
     "border-radius": {
       "sm": {
-        "value": "$core.border.border-radius.4",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "md": {
-        "value": "$core.border.border-radius.5",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "lg": {
-        "value": "$core.border.border-radius.6",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       }
     },
     "border-width": {
       "sm": {
-        "value": "$core.border.border-width.1",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "md": {
-        "value": "$core.border.border-width.2",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "lg": {
-        "value": "$core.border.border-width.4",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       }
     },
@@ -134,40 +134,58 @@
         "type": "sizing"
       },
       "md": {
-        "value": "$core.sizing.9",
+        "value": "$core.sizing.7",
         "type": "sizing"
       },
       "lg": {
-        "value": "$core.sizing.11",
+        "value": "$core.sizing.9",
         "type": "sizing"
       }
     },
-    "space-between": {
-      "sm": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
-      },
-      "lg": {
-        "value": "$core.spacing.14",
-        "type": "spacing"
-      }
-    },
-    "space-around": {
-      "sm": {
-        "value": "$core.spacing.7",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
+    "date": {
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.9",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.14",
+          "type": "spacing"
+        }
       },
-      "lg": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.2",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.2",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.11",
+            "type": "spacing"
+          }
+        },
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.2",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.2",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.11",
+            "type": "spacing"
+          }
+        }
       }
     },
     "[specific-element]": {
@@ -194,6 +212,66 @@
           "type": "composition"
         }
       }
+    },
+    "day": {
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.9",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.14",
+          "type": "spacing"
+        }
+      },
+      "space-around": {
+        "sm": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.11",
+          "type": "spacing"
+        }
+      }
+    },
+    "month": {
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.9",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.14",
+          "type": "spacing"
+        }
+      },
+      "space-around": {
+        "sm": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.4",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.11",
+          "type": "spacing"
+        }
+      }
     }
   }
 }
\ No newline at end of file

From 421dfe363617bb8596e448e74b43baca22729a7c Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 25 Jan 2023 22:54:23 +0000
Subject: [PATCH 08/78] date picker tokens


From 7098ae119603e7299a7421be0c71a3ed6ed597c8 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 13:32:18 +0000
Subject: [PATCH 09/78] spacing date picker tokens

---
 tokens/component/date-picker.json | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index 3f68a943ece..5f0cecdaf2a 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -145,7 +145,7 @@
     "date": {
       "space-between": {
         "sm": {
-          "value": "$core.spacing.9",
+          "value": "$core.spacing.none",
           "type": "spacing"
         },
         "md": {
@@ -153,7 +153,7 @@
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.14",
+          "value": "$core.spacing.none",
           "type": "spacing"
         }
       },
@@ -168,21 +168,21 @@
             "type": "spacing"
           },
           "lg": {
-            "value": "$core.spacing.11",
+            "value": "$core.spacing.2",
             "type": "spacing"
           }
         },
         "top-bottom": {
           "sm": {
-            "value": "$core.spacing.2",
+            "value": "$core.spacing.0",
             "type": "spacing"
           },
           "md": {
-            "value": "$core.spacing.2",
+            "value": "$core.spacing.0",
             "type": "spacing"
           },
           "lg": {
-            "value": "$core.spacing.11",
+            "value": "$core.spacing.none",
             "type": "spacing"
           }
         }
@@ -216,7 +216,7 @@
     "day": {
       "space-between": {
         "sm": {
-          "value": "$core.spacing.9",
+          "value": "$core.spacing.none",
           "type": "spacing"
         },
         "md": {
@@ -224,13 +224,13 @@
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.14",
+          "value": "$core.spacing.none",
           "type": "spacing"
         }
       },
       "space-around": {
         "sm": {
-          "value": "$core.spacing.7",
+          "value": "$core.spacing.1",
           "type": "spacing"
         },
         "md": {
@@ -238,7 +238,7 @@
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.11",
+          "value": "$core.spacing.1",
           "type": "spacing"
         }
       }
@@ -246,7 +246,7 @@
     "month": {
       "space-between": {
         "sm": {
-          "value": "$core.spacing.9",
+          "value": "$core.spacing.none",
           "type": "spacing"
         },
         "md": {
@@ -254,13 +254,13 @@
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.14",
+          "value": "$core.spacing.none",
           "type": "spacing"
         }
       },
       "space-around": {
         "sm": {
-          "value": "$core.spacing.7",
+          "value": "$core.spacing.3",
           "type": "spacing"
         },
         "md": {
@@ -268,7 +268,7 @@
           "type": "spacing"
         },
         "lg": {
-          "value": "$core.spacing.11",
+          "value": "$core.spacing.4",
           "type": "spacing"
         }
       }

From c45d4273fd881205b5d43db7d202be36936cc6b9 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 13:43:17 +0000
Subject: [PATCH 10/78] color tokens date picker

---
 tokens/calcite/dark.json          |  2 +-
 tokens/calcite/light.json         |  2 +-
 tokens/component/date-picker.json | 22 ++++++++++++++++++++++
 tokens/semantic.json              |  6 +++---
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 904e5ac28ad..84633053e5f 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -30,7 +30,7 @@
         "type": "color"
       },
       "3": {
-        "value": "$semantic.ui.color.foreground.3.dark",
+        "value": "{semantic.ui.color.foreground.current.dark}",
         "type": "color"
       }
     },
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 87fa8f47dae..9e6791400db 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -30,7 +30,7 @@
         "type": "color"
       },
       "3": {
-        "value": "$semantic.ui.color.foreground.3.light",
+        "value": "{semantic.ui.color.foreground.current.light}",
         "type": "color"
       }
     },
diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index 5f0cecdaf2a..f18957ed56f 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -98,6 +98,28 @@
           "value": "$semantic.ui.color.foreground.1.dark",
           "type": "color"
         }
+      },
+      "date": {
+        "active": {
+          "light": {
+            "value": "$semantic.ui.color.brand.default.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.brand.default.dark",
+            "type": "color"
+          }
+        },
+        "range": {
+          "light": {
+            "value": "$semantic.ui.color.foreground.current.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.foreground.current.dark",
+            "type": "color"
+          }
+        }
       }
     },
     "border-radius": {
diff --git a/tokens/semantic.json b/tokens/semantic.json
index b195cf841eb..0c783c72a9a 100644
--- a/tokens/semantic.json
+++ b/tokens/semantic.json
@@ -1424,13 +1424,13 @@
               "type": "color"
             }
           },
-          "3": {
+          "current": {
             "light": {
-              "value": "$core.color.neutral.blk-020",
+              "value": "$core.color.palette.high-saturation.blue.h-bb-010",
               "type": "color"
             },
             "dark": {
-              "value": "$core.color.neutral.blk-220",
+              "value": "#214155",
               "type": "color"
             }
           }

From 512ad2baf51efcd2f67a8972326540063bd9e4c8 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 14:58:32 +0000
Subject: [PATCH 11/78] date picker light colors

---
 tokens/calcite/light.json         | 44 +++++++++++++++++++++++++++++++
 tokens/component/date-picker.json | 12 +++++++++
 2 files changed, 56 insertions(+)

diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 9e6791400db..86449801a40 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -564,6 +564,50 @@
             "type": "color"
           }
         }
+      },
+      "date-picker": {
+        "font": {
+          "date": {
+            "value": "$date-picker.font.date.light",
+            "type": "color"
+          },
+          "day": {
+            "value": "$date-picker.font.day.light",
+            "type": "color"
+          },
+          "month": {
+            "value": "$date-picker.font.month.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$date-picker.icon.light",
+          "type": "color"
+        },
+        "border": {
+          "value": "$date-picker.border.light",
+          "type": "color"
+        },
+        "date": {
+          "active": {
+            "border": {
+              "value": "$date-picker.date.active.border.light",
+              "type": "color"
+            }
+          }
+        },
+        "background": {
+          "default": {
+            "value": "$date-picker.background.default.light",
+            "type": "color"
+          },
+          "date": {
+            "range": {
+              "value": "$date-picker.background.date.range.light",
+              "type": "color"
+            }
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index f18957ed56f..369b67d41c6 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -208,6 +208,18 @@
             "type": "spacing"
           }
         }
+      },
+      "active": {
+        "border": {
+          "light": {
+            "value": "$semantic.ui.color.foreground.1.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.foreground.1.dark",
+            "type": "color"
+          }
+        }
       }
     },
     "[specific-element]": {

From 34c03e8e86080f3c71708ba519ba51fefd0d5e7f Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 18:10:52 +0000
Subject: [PATCH 12/78] dark colors tokens date picker

---
 tokens/calcite/dark.json  | 48 +++++++++++++++++++++++++++++++++++++++
 tokens/calcite/light.json |  6 +++++
 2 files changed, 54 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 84633053e5f..f36c28d54f8 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -534,6 +534,54 @@
             "type": "color"
           }
         }
+      },
+      "date-picker": {
+        "font": {
+          "date": {
+            "value": "$date-picker.font.date.dark",
+            "type": "color"
+          },
+          "day": {
+            "value": "$date-picker.font.day.dark",
+            "type": "color"
+          },
+          "month": {
+            "value": "$date-picker.font.month.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$date-picker.icon.dark",
+          "type": "color"
+        },
+        "border": {
+          "value": "$date-picker.border.dark",
+          "type": "color"
+        },
+        "date": {
+          "active": {
+            "border": {
+              "value": "$date-picker.date.active.border.dark",
+              "type": "color"
+            }
+          }
+        },
+        "background": {
+          "default": {
+            "value": "$date-picker.background.default.dark",
+            "type": "color"
+          },
+          "date": {
+            "range": {
+              "value": "$date-picker.background.date.range.dark",
+              "type": "color"
+            },
+            "active": {
+              "value": "$date-picker.background.date.active.dark",
+              "type": "color"
+            }
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 86449801a40..772b18b9c00 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -605,6 +605,12 @@
             "range": {
               "value": "$date-picker.background.date.range.light",
               "type": "color"
+            },
+            "active": {
+              "light": {
+                "value": "$date-picker.background.date.active.light",
+                "type": "color"
+              }
             }
           }
         }

From ba781452b2d3ffa383210302155ed1f536798105 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 19:05:33 +0000
Subject: [PATCH 13/78] date picker tokens

---
 tokens/calcite/dark.json          | 22 +++++++++++++++++++
 tokens/calcite/light.json         | 20 ++++++++++++++++-
 tokens/component/date-picker.json | 36 +++++++++++++++++++++++++++++++
 3 files changed, 77 insertions(+), 1 deletion(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index f36c28d54f8..c60b576bb0e 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -548,6 +548,18 @@
           "month": {
             "value": "$date-picker.font.month.dark",
             "type": "color"
+          },
+          "range": {
+            "date": {
+              "value": "$date-picker.font.range.date.dark",
+              "type": "color"
+            }
+          },
+          "selected": {
+            "date": {
+              "value": "$date-picker.font.selected.date.dark",
+              "type": "color"
+            }
           }
         },
         "icon": {
@@ -582,6 +594,16 @@
             }
           }
         }
+      },
+      "$date-picker": {
+        "font": {
+          "active": {
+            "date": {
+              "value": "$date-picker.font.active.date.dark",
+              "type": "color"
+            }
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 772b18b9c00..56c6afd8af9 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -571,13 +571,31 @@
             "value": "$date-picker.font.date.light",
             "type": "color"
           },
+          "range": {
+            "date": {
+              "value": "$date-picker.font.range.date.light",
+              "type": "color"
+            }
+          },
           "day": {
-            "value": "$date-picker.font.day.light",
+            "value": "{date-picker.font.day.light}",
             "type": "color"
           },
           "month": {
             "value": "$date-picker.font.month.light",
             "type": "color"
+          },
+          "selected": {
+            "date": {
+              "value": "$date-picker.font.selected.date.light",
+              "type": "color"
+            }
+          },
+          "active": {
+            "date": {
+              "value": "$date-picker.font.active.date.light",
+              "type": "color"
+            }
           }
         },
         "icon": {
diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index 369b67d41c6..a95274f5700 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -66,6 +66,42 @@
           "value": "$semantic.font.default.medium.1h",
           "type": "typography"
         }
+      },
+      "range": {
+        "date": {
+          "light": {
+            "value": "$semantic.ui.color.text.1.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.text.1.dark",
+            "type": "color"
+          }
+        }
+      },
+      "selected": {
+        "date": {
+          "light": {
+            "value": "$semantic.ui.color.text.1.dark",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.text.1.light",
+            "type": "color"
+          }
+        }
+      },
+      "active": {
+        "date": {
+          "light": {
+            "value": "$semantic.ui.color.text.1.dark",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.text.1.dark",
+            "type": "color"
+          }
+        }
       }
     },
     "icon": {

From 9c8f087e75f6848b547be25784b3563e5ce126e6 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 29 Jan 2023 22:03:21 +0000
Subject: [PATCH 14/78] date picker tokens

---
 tokens/component/date-picker.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index a95274f5700..5d6cf4be4d7 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -236,7 +236,7 @@
             "type": "spacing"
           },
           "md": {
-            "value": "$core.spacing.0",
+            "value": "$core.spacing.none",
             "type": "spacing"
           },
           "lg": {

From dc09e649f341afc0a9b108f7d1cd434b5d013941 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 30 Jan 2023 13:55:05 +0000
Subject: [PATCH 15/78] date picker tokens

---
 tokens/component/date-picker.json | 36 +++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/tokens/component/date-picker.json b/tokens/component/date-picker.json
index 5d6cf4be4d7..122de315f3a 100644
--- a/tokens/component/date-picker.json
+++ b/tokens/component/date-picker.json
@@ -200,7 +200,7 @@
         "type": "sizing"
       }
     },
-    "date": {
+    "date-row": {
       "space-between": {
         "sm": {
           "value": "$core.spacing.none",
@@ -244,7 +244,9 @@
             "type": "spacing"
           }
         }
-      },
+      }
+    },
+    "date": {
       "active": {
         "border": {
           "light": {
@@ -256,6 +258,36 @@
             "type": "color"
           }
         }
+      },
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.0",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.0",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          }
+        },
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.none",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          }
+        }
       }
     },
     "[specific-element]": {

From 780ccbde2aa18456e2edd09eb451d8e70b0d6b3f Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 30 Jan 2023 17:22:48 +0000
Subject: [PATCH 16/78] input date picker token set

---
 tokens/$metadata.json                   |   1 +
 tokens/$themes.json                     |  15 +-
 tokens/component/input-date-picker.json | 177 ++++++++++++++++++++++++
 3 files changed, 188 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-date-picker.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 46b91acda78..cbdf7c5ba87 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -9,6 +9,7 @@
     "component/checkbox",
     "component/chip",
     "component/color-picker",
+    "component/input-date-picker",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 8df93443729..0995acf4f20 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-date-picker": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-date-picker": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-date-picker": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-date-picker": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -201,7 +205,8 @@
       "component/accordion": "enabled",
       "component/tip": "enabled",
       "component/color-picker": "enabled",
-      "component/date-picker": "enabled"
+      "component/date-picker": "enabled",
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/input-date-picker.json b/tokens/component/input-date-picker.json
new file mode 100644
index 00000000000..3a81f56ceb0
--- /dev/null
+++ b/tokens/component/input-date-picker.json
@@ -0,0 +1,177 @@
+{
+  "input-date-picker": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "foreground": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.2.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.2.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.1",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.2",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.4",
+        "type": "borderWidth"
+      }
+    },
+    "comp-size": {
+      "sm": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.14",
+        "type": "sizing"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.14",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 4ba4e2ff1f2e68ea6f4e8dceee38780ee866fe76 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 31 Jan 2023 08:44:02 +0000
Subject: [PATCH 17/78] input date tokens

---
 tokens/$themes.json | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 0995acf4f20..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-date-picker": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-date-picker": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-date-picker": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-date-picker": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",

From fbc8e8065a33ab3c04a0ef81d22a03859e1122dc Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 31 Jan 2023 17:36:43 +0000
Subject: [PATCH 18/78] input date picket spacing tokens

---
 tokens/component/input-date-picker.json | 74 +++++++++++++++----------
 1 file changed, 45 insertions(+), 29 deletions(-)

diff --git a/tokens/component/input-date-picker.json b/tokens/component/input-date-picker.json
index 3a81f56ceb0..0639ddb6967 100644
--- a/tokens/component/input-date-picker.json
+++ b/tokens/component/input-date-picker.json
@@ -92,60 +92,62 @@
         "type": "borderWidth"
       }
     },
-    "comp-size": {
-      "sm": {
-        "value": "$core.sizing.9",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "$core.sizing.11",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "$core.sizing.14",
-        "type": "sizing"
-      }
-    },
     "icon-size": {
       "sm": {
         "value": "$core.sizing.7",
         "type": "sizing"
       },
       "md": {
-        "value": "$core.sizing.9",
+        "value": "$core.sizing.7",
         "type": "sizing"
       },
       "lg": {
-        "value": "$core.sizing.11",
+        "value": "$core.sizing.9",
         "type": "sizing"
       }
     },
     "space-between": {
       "sm": {
-        "value": "$core.spacing.9",
+        "value": "$core.spacing.3",
         "type": "spacing"
       },
       "md": {
-        "value": "$core.spacing.11",
+        "value": "$core.spacing.5",
         "type": "spacing"
       },
       "lg": {
-        "value": "$core.spacing.14",
+        "value": "$core.spacing.7",
         "type": "spacing"
       }
     },
     "space-around": {
-      "sm": {
-        "value": "$core.spacing.7",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
       },
-      "lg": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
       }
     },
     "[specific-element]": {
@@ -172,6 +174,20 @@
           "type": "composition"
         }
       }
+    },
+    "arrow-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      }
     }
   }
 }
\ No newline at end of file

From f93ad1b07521dc77199a7c62c348f22f84c0664f Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 31 Jan 2023 18:07:06 +0000
Subject: [PATCH 19/78] date picker tokens

---
 tokens/component/input-date-picker.json | 106 ++++++++++++++++++------
 1 file changed, 82 insertions(+), 24 deletions(-)

diff --git a/tokens/component/input-date-picker.json b/tokens/component/input-date-picker.json
index 0639ddb6967..b8e4e87168f 100644
--- a/tokens/component/input-date-picker.json
+++ b/tokens/component/input-date-picker.json
@@ -1,25 +1,65 @@
 {
   "input-date-picker": {
     "font": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
+      "placeholder": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        }
       },
-      "sm": {
-        "value": "$semantic.font.default.bold.-3h",
-        "type": "typography"
+      "placeholder-value": {
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
       },
-      "md": {
-        "value": "$semantic.font.default.bold.-1h",
-        "type": "typography"
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.bold.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
       },
-      "lg": {
-        "value": "$semantic.font.default.bold.0h",
-        "type": "typography"
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.bold.-3h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.bold.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.bold.0h",
+          "type": "typography"
+        }
       }
     },
     "icon": {
@@ -34,16 +74,26 @@
     },
     "border": {
       "light": {
-        "value": "$semantic.ui.color.border.1.light",
+        "value": "$semantic.ui.color.border.input.light",
         "type": "color"
       },
       "dark": {
-        "value": "$semantic.ui.color.border.1.dark",
+        "value": "$semantic.ui.color.border.input.dark",
         "type": "color"
       }
     },
     "background": {
       "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "arrow": {
         "light": {
           "value": "$semantic.ui.color.background.light",
           "type": "color"
@@ -66,29 +116,29 @@
     },
     "border-radius": {
       "sm": {
-        "value": "$core.border.border-radius.4",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "md": {
-        "value": "$core.border.border-radius.5",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "lg": {
-        "value": "$core.border.border-radius.6",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       }
     },
     "border-width": {
       "sm": {
-        "value": "$core.border.border-width.1",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "md": {
-        "value": "$core.border.border-width.2",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "lg": {
-        "value": "$core.border.border-width.4",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       }
     },
@@ -188,6 +238,14 @@
         "value": "$core.sizing.7",
         "type": "sizing"
       }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
     }
   }
 }
\ No newline at end of file

From eba1eaef94a41a8dacd069c42c293a9784160f30 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 1 Feb 2023 10:02:23 +0000
Subject: [PATCH 20/78] input date picker tokens

---
 tokens/calcite/dark.json                | 38 +++++++++++++++++++++----
 tokens/calcite/light.json               | 30 +++++++++++++++++++
 tokens/component/input-date-picker.json | 32 +++++++--------------
 3 files changed, 72 insertions(+), 28 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index c60b576bb0e..8eead79a213 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -560,6 +560,12 @@
               "value": "$date-picker.font.selected.date.dark",
               "type": "color"
             }
+          },
+          "active": {
+            "date": {
+              "value": "$date-picker.font.active.date.dark",
+              "type": "color"
+            }
           }
         },
         "icon": {
@@ -595,13 +601,33 @@
           }
         }
       },
-      "$date-picker": {
+      "input-date-picker": {
         "font": {
-          "active": {
-            "date": {
-              "value": "$date-picker.font.active.date.dark",
-              "type": "color"
-            }
+          "placeholder-value": {
+            "value": "$input-date-picker.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-date-picker.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-date-picker.icon.dark",
+          "type": "color"
+        },
+        "border": {
+          "value": "$input-date-picker.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-date-picker.background.default.dark",
+            "type": "color"
+          },
+          "arrow": {
+            "value": "$input-date-picker.background.arrow.dark",
+            "type": "color"
           }
         }
       }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 56c6afd8af9..df9dedd2233 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -632,6 +632,36 @@
             }
           }
         }
+      },
+      "input-date-picker": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-date-picker.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-date-picker.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-date-picker.icon.light",
+          "type": "color"
+        },
+        "border": {
+          "value": "$input-date-picker.border.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-date-picker.background.default.light",
+            "type": "color"
+          },
+          "arrow": {
+            "value": "$input-date-picker.background.arrow.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-date-picker.json b/tokens/component/input-date-picker.json
index b8e4e87168f..73c232d7b04 100644
--- a/tokens/component/input-date-picker.json
+++ b/tokens/component/input-date-picker.json
@@ -1,7 +1,7 @@
 {
   "input-date-picker": {
     "font": {
-      "placeholder": {
+      "placeholder-value": {
         "light": {
           "value": "$semantic.ui.color.text.1.light",
           "type": "color"
@@ -9,11 +9,9 @@
         "dark": {
           "value": "$semantic.ui.color.text.1.dark",
           "type": "color"
-        }
-      },
-      "placeholder-value": {
+        },
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.regular.-2h",
           "type": "typography"
         },
         "md": {
@@ -21,7 +19,7 @@
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.regular.0h",
           "type": "typography"
         }
       },
@@ -35,29 +33,29 @@
           "type": "color"
         },
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.regular.-2h",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.bold.-1h",
+          "value": "$semantic.font.default.regular.-1h",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.regular.0h",
           "type": "typography"
         }
       },
       "read-only": {
         "sm": {
-          "value": "$semantic.font.default.bold.-3h",
+          "value": "$semantic.font.default.medium.-2h",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.bold.-1h",
+          "value": "$semantic.font.default.medium.-1h",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.bold.0h",
+          "value": "$semantic.font.default.medium.0h",
           "type": "typography"
         }
       }
@@ -104,16 +102,6 @@
         }
       }
     },
-    "foreground": {
-      "light": {
-        "value": "$semantic.ui.color.foreground.2.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.foreground.2.dark",
-        "type": "color"
-      }
-    },
     "border-radius": {
       "sm": {
         "value": "$core.border.border-radius.none",

From d7ecd34e36ce1afee8a9db91d3353ccde60fe897 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 2 Feb 2023 20:33:20 +0000
Subject: [PATCH 21/78] input date picker color tokens

---
 tokens/calcite/dark.json                |  4 ++++
 tokens/calcite/light.json               |  4 ++++
 tokens/component/input-date-picker.json | 10 ++++++++++
 3 files changed, 18 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 8eead79a213..aa3d512314a 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -628,6 +628,10 @@
           "arrow": {
             "value": "$input-date-picker.background.arrow.dark",
             "type": "color"
+          },
+          "read-only": {
+            "value": "$input-date-picker.background.read-only.dark",
+            "type": "color"
           }
         }
       }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index df9dedd2233..c3dab683359 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -660,6 +660,10 @@
           "arrow": {
             "value": "$input-date-picker.background.arrow.light",
             "type": "color"
+          },
+          "read-only": {
+            "value": "$input-date-picker.background.read-only.light",
+            "type": "color"
           }
         }
       }
diff --git a/tokens/component/input-date-picker.json b/tokens/component/input-date-picker.json
index 73c232d7b04..66df7cfcad6 100644
--- a/tokens/component/input-date-picker.json
+++ b/tokens/component/input-date-picker.json
@@ -100,6 +100,16 @@
           "value": "$semantic.ui.color.background.dark",
           "type": "color"
         }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
       }
     },
     "border-radius": {

From 3e088efdad2295ab607a4240d4449b985a36c44a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 2 Feb 2023 22:27:54 +0000
Subject: [PATCH 22/78] datetime tokens

---
 tokens/$metadata.json                      |   1 +
 tokens/$themes.json                        |  15 +-
 tokens/component/input-datetime-local.json | 247 +++++++++++++++++++++
 3 files changed, 258 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-datetime-local.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index cbdf7c5ba87..c9ae885f3df 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -10,6 +10,7 @@
     "component/chip",
     "component/color-picker",
     "component/input-date-picker",
+    "component/input-datetime-local",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..50b40fb0f2b 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-datetime-local": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-datetime-local": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-datetime-local": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-datetime-local": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -202,7 +206,8 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/input-datetime-local": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/input-datetime-local.json b/tokens/component/input-datetime-local.json
new file mode 100644
index 00000000000..c029cb85db8
--- /dev/null
+++ b/tokens/component/input-datetime-local.json
@@ -0,0 +1,247 @@
+{
+  "input-datetime-local": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 1432c544bcb82ae0995591ef541d645bc7fb48bd Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Fri, 3 Feb 2023 14:09:37 +0000
Subject: [PATCH 23/78] Input datetime local tokens

---
 tokens/$themes.json                        | 15 +++-----
 tokens/calcite/light.json                  | 40 ++++++++++++++++++++++
 tokens/component/input-datetime-local.json | 14 ++++++--
 3 files changed, 56 insertions(+), 13 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 50b40fb0f2b..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-datetime-local": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-datetime-local": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-datetime-local": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-datetime-local": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -206,8 +202,7 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled",
-      "component/input-datetime-local": "disabled"
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index c3dab683359..f1d58fcd8a2 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -666,6 +666,46 @@
             "type": "color"
           }
         }
+      },
+      "input-datetime-local": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-datetime-local.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-datetime-local.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-datetime-local.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-datetime-local.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-datetime-local.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-datetime-local.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-datetime-local.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-datetime-local.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-datetime-local.json b/tokens/component/input-datetime-local.json
index c029cb85db8..78d2248098f 100644
--- a/tokens/component/input-datetime-local.json
+++ b/tokens/component/input-datetime-local.json
@@ -45,7 +45,7 @@
           "type": "typography"
         }
       },
-      "read-only": {
+      "prefix-suffix": {
         "sm": {
           "value": "$semantic.font.default.medium.-2h",
           "type": "typography"
@@ -57,6 +57,14 @@
         "lg": {
           "value": "$semantic.font.default.medium.0h",
           "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
         }
       }
     },
@@ -73,11 +81,11 @@
     "border": {
       "invalid": {
         "light": {
-          "value": "$semantic.ui.color.border.input.light",
+          "value": "$semantic.ui.color.danger.default.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.border.input.dark",
+          "value": "$semantic.ui.color.danger.default.dark",
           "type": "color"
         }
       },

From be0ca015539a502042a3393aa92cfc344fd86311 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Fri, 3 Feb 2023 14:13:09 +0000
Subject: [PATCH 24/78] input datetime tokens

---
 tokens/calcite/dark.json | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index aa3d512314a..4c1819717a1 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -634,6 +634,46 @@
             "type": "color"
           }
         }
+      },
+      "input-datetime-local": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-datetime-local.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-datetime-local.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-datetime-local.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-datetime-local.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-datetime-local.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-datetime-local.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-datetime-local.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-datetime-local.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }

From 658b3e1eb39a2cc471e28e300f677d36d2b2e330 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 6 Feb 2023 18:22:27 +0000
Subject: [PATCH 25/78] input email tokens

---
 tokens/$metadata.json                      |   1 +
 tokens/$themes.json                        |  15 +-
 tokens/calcite/dark.json                   |  40 ++++
 tokens/calcite/light.json                  |  40 ++++
 tokens/component/input-datetime-local.json |   2 +-
 tokens/component/input-email.json          | 255 +++++++++++++++++++++
 6 files changed, 347 insertions(+), 6 deletions(-)
 create mode 100644 tokens/component/input-email.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index c9ae885f3df..2ae887bb3f0 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -11,6 +11,7 @@
     "component/color-picker",
     "component/input-date-picker",
     "component/input-datetime-local",
+    "component/input-email",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..94abea9c94f 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-email": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-email": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-email": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-email": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -202,7 +206,8 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/input-email": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 4c1819717a1..4e1aec5b9d0 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -674,6 +674,46 @@
             "type": "color"
           }
         }
+      },
+      "input-email": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-email.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-email.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-email.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-email.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-email.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-email.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-email.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-email.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index f1d58fcd8a2..e6237e37651 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -706,6 +706,46 @@
             "type": "color"
           }
         }
+      },
+      "input-email": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-email.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-email.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-email.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-email.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-email.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-email.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-email.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-email.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-datetime-local.json b/tokens/component/input-datetime-local.json
index 78d2248098f..a92c890064b 100644
--- a/tokens/component/input-datetime-local.json
+++ b/tokens/component/input-datetime-local.json
@@ -1,5 +1,5 @@
 {
-  "input-datetime-local": {
+  "input-email": {
     "font": {
       "placeholder-value": {
         "light": {
diff --git a/tokens/component/input-email.json b/tokens/component/input-email.json
new file mode 100644
index 00000000000..a92c890064b
--- /dev/null
+++ b/tokens/component/input-email.json
@@ -0,0 +1,255 @@
+{
+  "input-email": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From ff3505ed34dc932a75d9cb2340578f4317ad6abc Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Feb 2023 14:32:57 +0000
Subject: [PATCH 26/78] input tokens

---
 tokens/$metadata.json             |   2 +
 tokens/$themes.json               |  15 +-
 tokens/calcite/dark.json          |  80 ++++++++++
 tokens/calcite/light.json         |  80 ++++++++++
 tokens/component/input-file.json  | 255 ++++++++++++++++++++++++++++++
 tokens/component/input-month.json | 255 ++++++++++++++++++++++++++++++
 6 files changed, 682 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-file.json
 create mode 100644 tokens/component/input-month.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 2ae887bb3f0..e8b71661949 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -12,6 +12,8 @@
     "component/input-date-picker",
     "component/input-datetime-local",
     "component/input-email",
+    "component/input-file",
+    "component/input-month",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 94abea9c94f..2bf612a1b77 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -7,7 +7,8 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/light": "enabled",
-      "component/input-email": "disabled"
+      "component/input-file": "disabled",
+      "component/input-month": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,7 +20,8 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/dark": "enabled",
-      "component/input-email": "disabled"
+      "component/input-file": "disabled",
+      "component/input-month": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -38,7 +40,8 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/input-email": "disabled"
+      "component/input-file": "disabled",
+      "component/input-month": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -116,7 +119,8 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/input-email": "disabled"
+      "component/input-file": "disabled",
+      "component/input-month": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -207,7 +211,8 @@
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
       "component/input-date-picker": "enabled",
-      "component/input-email": "disabled"
+      "component/input-file": "disabled",
+      "component/input-month": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 4e1aec5b9d0..e566d4e8831 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -714,6 +714,86 @@
             "type": "color"
           }
         }
+      },
+      "input-file": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-file.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-file.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-file.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-file.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-file.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-file.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-file.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-file.border.invalid.dark",
+            "type": "color"
+          }
+        }
+      },
+      "input-month": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-month.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-month.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-month.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-month.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-month.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-month.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-month.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-month.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index e6237e37651..9420b0f8afd 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -746,6 +746,86 @@
             "type": "color"
           }
         }
+      },
+      "input-file": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-file.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-file.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-file.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-file.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-file.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-file.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-file.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-file.border.invalid.light",
+            "type": "color"
+          }
+        }
+      },
+      "input-month": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-month.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-month.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-month.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-month.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-month.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-month.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-month.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-month.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-file.json b/tokens/component/input-file.json
new file mode 100644
index 00000000000..029cc222bf8
--- /dev/null
+++ b/tokens/component/input-file.json
@@ -0,0 +1,255 @@
+{
+  "input-file": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/tokens/component/input-month.json b/tokens/component/input-month.json
new file mode 100644
index 00000000000..01a418a4b07
--- /dev/null
+++ b/tokens/component/input-month.json
@@ -0,0 +1,255 @@
+{
+  "input-month": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 0e1f9b08a15dc7577e6e33f2a7dd7dbd4a721112 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Feb 2023 15:56:42 +0000
Subject: [PATCH 27/78] inputs tokens

---
 tokens/$themes.json | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2bf612a1b77..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,9 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-file": "disabled",
-      "component/input-month": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,9 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-file": "disabled",
-      "component/input-month": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -39,9 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-file": "disabled",
-      "component/input-month": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -118,9 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-file": "disabled",
-      "component/input-month": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -210,9 +202,7 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled",
-      "component/input-file": "disabled",
-      "component/input-month": "disabled"
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",

From 45def29d3a21cdd018a70031cb059c4cd5acfc2a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Feb 2023 19:48:14 +0000
Subject: [PATCH 28/78] input number tokens

---
 tokens/$metadata.json              |   1 +
 tokens/$themes.json                |  15 +-
 tokens/calcite/dark.json           |  40 +++++
 tokens/calcite/light.json          |  40 +++++
 tokens/component/input-number.json | 255 +++++++++++++++++++++++++++++
 5 files changed, 346 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-number.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index e8b71661949..c7682dfa4d7 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -14,6 +14,7 @@
     "component/input-email",
     "component/input-file",
     "component/input-month",
+    "component/input-number",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..0d975ac123c 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-number": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-number": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-number": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-number": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -202,7 +206,8 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/input-number": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index e566d4e8831..d24c546450b 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -794,6 +794,46 @@
             "type": "color"
           }
         }
+      },
+      "input-number": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-number.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-number.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-number.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-number.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-number.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-number.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-number.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-number.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 9420b0f8afd..96b8cd43e73 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -826,6 +826,46 @@
             "type": "color"
           }
         }
+      },
+      "input-number": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-number.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-number.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-number.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-number.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-number.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-number.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-number.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-number.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-number.json b/tokens/component/input-number.json
new file mode 100644
index 00000000000..9b65b35a39c
--- /dev/null
+++ b/tokens/component/input-number.json
@@ -0,0 +1,255 @@
+{
+  "input-number": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From db9ab71f00b7a72f5b21ba69ff2cf1dcf0171c89 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Feb 2023 19:49:30 +0000
Subject: [PATCH 29/78] input number tokens

---
 tokens/$themes.json | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 0d975ac123c..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-number": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-number": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-number": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-number": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -206,8 +202,7 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled",
-      "component/input-number": "disabled"
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",

From d61abff8eac3bd8a011e5c5391aa7f368db7e31a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 9 Feb 2023 12:33:32 +0000
Subject: [PATCH 30/78] input datetime token correction

---
 tokens/component/input-datetime-local.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tokens/component/input-datetime-local.json b/tokens/component/input-datetime-local.json
index a92c890064b..78d2248098f 100644
--- a/tokens/component/input-datetime-local.json
+++ b/tokens/component/input-datetime-local.json
@@ -1,5 +1,5 @@
 {
-  "input-email": {
+  "input-datetime-local": {
     "font": {
       "placeholder-value": {
         "light": {

From e19c4b5d7d2cb9d492808e5baf640558f6487c98 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 9 Feb 2023 13:59:08 +0000
Subject: [PATCH 31/78] input datetime corrections

---
 tokens/calcite/dark.json  | 4 ++++
 tokens/calcite/light.json | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index d24c546450b..223a22cccd0 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -644,6 +644,10 @@
           "label": {
             "value": "$input-datetime-local.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-datetime-local.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 96b8cd43e73..aef42ec291f 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -676,6 +676,10 @@
           "label": {
             "value": "$input-datetime-local.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-datetime-local.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {

From adafce103b47b11fa6e14ff065b7211ee27a0e1a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:18:00 +0000
Subject: [PATCH 32/78] input month correction

---
 tokens/calcite/dark.json          | 12 ++++++++++++
 tokens/calcite/light.json         | 12 ++++++++++++
 tokens/component/input-email.json | 14 ++++++++++++++
 tokens/component/input-file.json  | 14 ++++++++++++++
 tokens/component/input-month.json | 14 ++++++++++++++
 5 files changed, 66 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 223a22cccd0..de3580026c6 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -688,6 +688,10 @@
           "label": {
             "value": "$input-email.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-email.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
@@ -728,6 +732,10 @@
           "label": {
             "value": "$input-file.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-file.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
@@ -768,6 +776,10 @@
           "label": {
             "value": "$input-month.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-month.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index aef42ec291f..0479647db5f 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -720,6 +720,10 @@
           "label": {
             "value": "$input-email.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-email.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {
@@ -760,6 +764,10 @@
           "label": {
             "value": "$input-file.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-file.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {
@@ -800,6 +808,10 @@
           "label": {
             "value": "$input-month.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-month.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/component/input-email.json b/tokens/component/input-email.json
index a92c890064b..8b318fe2ddd 100644
--- a/tokens/component/input-email.json
+++ b/tokens/component/input-email.json
@@ -66,6 +66,20 @@
           "value": "$semantic.ui.color.text.2.dark",
           "type": "color"
         }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
       }
     },
     "icon": {
diff --git a/tokens/component/input-file.json b/tokens/component/input-file.json
index 029cc222bf8..8b48fab1068 100644
--- a/tokens/component/input-file.json
+++ b/tokens/component/input-file.json
@@ -66,6 +66,20 @@
           "value": "$semantic.ui.color.text.2.dark",
           "type": "color"
         }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
       }
     },
     "icon": {
diff --git a/tokens/component/input-month.json b/tokens/component/input-month.json
index 01a418a4b07..f72e68c2e95 100644
--- a/tokens/component/input-month.json
+++ b/tokens/component/input-month.json
@@ -66,6 +66,20 @@
           "value": "$semantic.ui.color.text.2.dark",
           "type": "color"
         }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
       }
     },
     "icon": {

From 1d9a330bc261e098afc238a245669619837526bf Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Fri, 10 Feb 2023 17:39:05 +0000
Subject: [PATCH 33/78] input number fix

---
 tokens/component/input-number.json | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/tokens/component/input-number.json b/tokens/component/input-number.json
index 9b65b35a39c..4410d2c2561 100644
--- a/tokens/component/input-number.json
+++ b/tokens/component/input-number.json
@@ -66,6 +66,20 @@
           "value": "$semantic.ui.color.text.2.dark",
           "type": "color"
         }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
       }
     },
     "icon": {

From 3b3d475955367fad246a1d9993cf68c219413a14 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Feb 2023 17:22:42 +0000
Subject: [PATCH 34/78] input password tokens

---
 tokens/$metadata.json                |   1 +
 tokens/$themes.json                  |  15 +-
 tokens/calcite/light.json            |  40 ++++
 tokens/component/input-password.json | 269 +++++++++++++++++++++++++++
 4 files changed, 320 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-password.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index c7682dfa4d7..976e15c8b2a 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -15,6 +15,7 @@
     "component/input-file",
     "component/input-month",
     "component/input-number",
+    "component/input-password",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..a37e70513e2 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-password": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-password": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-password": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-password": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -202,7 +206,8 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/input-password": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 0479647db5f..242d83d602c 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -882,6 +882,46 @@
             "type": "color"
           }
         }
+      },
+      "input-password": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-password.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-password.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-password.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-password.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-password.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-password.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-password.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-password.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-password.json b/tokens/component/input-password.json
new file mode 100644
index 00000000000..1fb152a2415
--- /dev/null
+++ b/tokens/component/input-password.json
@@ -0,0 +1,269 @@
+{
+  "input-password": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From ddbea2b2584a7447b330ed57cd956e8d2b29ec25 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Feb 2023 17:32:32 +0000
Subject: [PATCH 35/78] input search tokens

---
 tokens/$metadata.json              |   1 +
 tokens/$themes.json                |  10 +-
 tokens/calcite/dark.json           |  80 +++++++++
 tokens/calcite/light.json          |  40 +++++
 tokens/component/input-search.json | 269 +++++++++++++++++++++++++++++
 5 files changed, 395 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-search.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 976e15c8b2a..92b841ac2a1 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -16,6 +16,7 @@
     "component/input-month",
     "component/input-number",
     "component/input-password",
+    "component/input-search",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index a37e70513e2..c80a07d7535 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -7,7 +7,7 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/light": "enabled",
-      "component/input-password": "disabled"
+      "component/input-search": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,7 +19,7 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/dark": "enabled",
-      "component/input-password": "disabled"
+      "component/input-search": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -38,7 +38,7 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/input-password": "disabled"
+      "component/input-search": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -116,7 +116,7 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/input-password": "disabled"
+      "component/input-search": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -207,7 +207,7 @@
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
       "component/input-date-picker": "enabled",
-      "component/input-password": "disabled"
+      "component/input-search": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index de3580026c6..3b0e7f7f5d9 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -850,6 +850,86 @@
             "type": "color"
           }
         }
+      },
+      "input-password": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-password.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-password.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-password.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-password.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-password.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-password.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-password.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-password.border.invalid.dark",
+            "type": "color"
+          }
+        }
+      },
+      "input-search": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-search.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-search.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-search.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-search.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-search.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-search.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-search.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-search.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 242d83d602c..134b9f86417 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -922,6 +922,46 @@
             "type": "color"
           }
         }
+      },
+      "input-search": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-search.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-search.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-search.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-search.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-search.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-search.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-search.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-search.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-search.json b/tokens/component/input-search.json
new file mode 100644
index 00000000000..ea96f88a12d
--- /dev/null
+++ b/tokens/component/input-search.json
@@ -0,0 +1,269 @@
+{
+  "input-search": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 79f9bf472e62a370530e00533760c52ad8874b9a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Feb 2023 18:28:51 +0000
Subject: [PATCH 36/78] input tokens

---
 tokens/$themes.json       | 15 +++++----------
 tokens/calcite/dark.json  |  4 ++++
 tokens/calcite/light.json |  4 ++++
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index c80a07d7535..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-search": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-search": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-search": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-search": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -206,8 +202,7 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled",
-      "component/input-search": "disabled"
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 3b0e7f7f5d9..f07de8d0142 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -820,6 +820,10 @@
           "label": {
             "value": "$input-number.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-number.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 134b9f86417..f81edec99cf 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -852,6 +852,10 @@
           "label": {
             "value": "$input-number.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-number.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {

From 63d12701ceec2c40a6804010f0d473c1450bfaad Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Feb 2023 18:30:58 +0000
Subject: [PATCH 37/78] input number correction

---
 tokens/calcite/dark.json  | 44 ---------------------------------------
 tokens/calcite/light.json |  4 ----
 2 files changed, 48 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index f07de8d0142..faa5053560f 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -820,10 +820,6 @@
           "label": {
             "value": "$input-number.font.label.dark",
             "type": "color"
-          },
-          "prefix-suffix": {
-            "value": "$input-number.font.prefix-suffix.dark",
-            "type": "color"
           }
         },
         "icon": {
@@ -894,46 +890,6 @@
             "type": "color"
           }
         }
-      },
-      "input-search": {
-        "font": {
-          "placeholder-value": {
-            "value": "$input-search.font.placeholder-value.dark",
-            "type": "color"
-          },
-          "label": {
-            "value": "$input-search.font.label.dark",
-            "type": "color"
-          }
-        },
-        "icon": {
-          "value": "$input-search.icon.dark",
-          "type": "color"
-        },
-        "background": {
-          "default": {
-            "value": "$input-search.background.default.dark",
-            "type": "color"
-          },
-          "prefix-sufix": {
-            "value": "$input-search.background.prefix-suffix.dark",
-            "type": "color"
-          },
-          "read-only": {
-            "value": "$input-search.background.read-only.dark",
-            "type": "color"
-          }
-        },
-        "border": {
-          "default": {
-            "value": "$input-search.border.default.dark",
-            "type": "color"
-          },
-          "invalid": {
-            "value": "$input-search.border.invalid.dark",
-            "type": "color"
-          }
-        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index f81edec99cf..134b9f86417 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -852,10 +852,6 @@
           "label": {
             "value": "$input-number.font.label.light",
             "type": "color"
-          },
-          "prefix-suffix": {
-            "value": "$input-number.font.prefix-suffix.light",
-            "type": "color"
           }
         },
         "icon": {

From 576a62fbbb03035977798c24c76d3d26dcd33127 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Feb 2023 10:29:48 +0000
Subject: [PATCH 38/78] prefix tokens

---
 tokens/calcite/light.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 134b9f86417..f81edec99cf 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -852,6 +852,10 @@
           "label": {
             "value": "$input-number.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-number.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {

From 2b75963c2ed6d61dba044c27c2249ee21cbf28b2 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Feb 2023 17:52:16 +0000
Subject: [PATCH 39/78] password token

---
 tokens/calcite/dark.json  | 4 ++++
 tokens/calcite/light.json | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index faa5053560f..4c94b8dc9ad 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -860,6 +860,10 @@
           "label": {
             "value": "$input-password.font.label.dark",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-password.font.prefix-suffix.dark",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index f81edec99cf..1d1041ea6e9 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -896,6 +896,10 @@
           "label": {
             "value": "$input-password.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-password.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {

From c5f9bc8516c77b9040016b45f8406c9b2268d936 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Feb 2023 19:00:08 +0000
Subject: [PATCH 40/78] search tokens

---
 tokens/calcite/dark.json  | 44 +++++++++++++++++++++++++++++++++++++++
 tokens/calcite/light.json |  4 ++++
 2 files changed, 48 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 4c94b8dc9ad..f149aefab78 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -894,6 +894,50 @@
             "type": "color"
           }
         }
+      },
+      "input-search": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-search.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-search.font.label.dark",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-search.font.prefix-suffix.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-search.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-search.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-search.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-search.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-search.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-search.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 1d1041ea6e9..e237785602b 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -940,6 +940,10 @@
           "label": {
             "value": "$input-search.font.label.light",
             "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-search.font.prefix-suffix.light",
+            "type": "color"
           }
         },
         "icon": {

From 1a30e80a82734604b23264cd8e20c2a0bf110f73 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 08:07:05 +0000
Subject: [PATCH 41/78] Input week tokens

---
 tokens/$metadata.json                 |   2 +
 tokens/$themes.json                   |  20 +-
 tokens/calcite/dark.json              |  88 +++++++++
 tokens/calcite/light.json             |  88 +++++++++
 tokens/component/input-telephone.json | 269 ++++++++++++++++++++++++++
 tokens/component/input-text.json      | 269 ++++++++++++++++++++++++++
 6 files changed, 731 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/input-telephone.json
 create mode 100644 tokens/component/input-text.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 92b841ac2a1..863caa8d083 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -17,6 +17,8 @@
     "component/input-number",
     "component/input-password",
     "component/input-search",
+    "component/input-telephone",
+    "component/input-text",
     "component/input-message",
     "component/input-time",
     "component/date-picker",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..756fba0ab89 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,9 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/input-telephone": "disabled",
+      "component/input-text": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +19,9 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/input-telephone": "disabled",
+      "component/input-text": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +39,9 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-telephone": "disabled",
+      "component/input-text": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +118,9 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/input-telephone": "disabled",
+      "component/input-text": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -202,7 +210,9 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/input-telephone": "disabled",
+      "component/input-text": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index f149aefab78..ef36651300a 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -938,6 +938,94 @@
             "type": "color"
           }
         }
+      },
+      "input-telephone": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-telephone.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-telephone.font.label.dark",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-telephone.font.prefix-suffix.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-telephone.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-telephone.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-telephone.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-telephone.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-telephone.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-telephone.border.invalid.dark",
+            "type": "color"
+          }
+        }
+      },
+      "input-text": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-text.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-text.font.label.dark",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-text.font.prefix-suffix.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-text.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-text.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-text.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-text.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-text.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-text.border.invalid.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index e237785602b..dd947085301 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -974,6 +974,94 @@
             "type": "color"
           }
         }
+      },
+      "input-telephone": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-telephone.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-telephone.font.label.light",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-telephone.font.prefix-suffix.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-telephone.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-telephone.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-telephone.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-telephone.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-telephone.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-telephone.border.invalid.light",
+            "type": "color"
+          }
+        }
+      },
+      "input-text": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-text.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-text.font.label.light",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-text.font.prefix-suffix.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-text.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-text.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-text.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-text.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-text.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-text.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-telephone.json b/tokens/component/input-telephone.json
new file mode 100644
index 00000000000..3116ce7c069
--- /dev/null
+++ b/tokens/component/input-telephone.json
@@ -0,0 +1,269 @@
+{
+  "input-telephone": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/tokens/component/input-text.json b/tokens/component/input-text.json
new file mode 100644
index 00000000000..3116ce7c069
--- /dev/null
+++ b/tokens/component/input-text.json
@@ -0,0 +1,269 @@
+{
+  "input-telephone": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From be6f9397df6da99767dbfe39c8f898b15099f912 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 08:30:25 +0000
Subject: [PATCH 42/78] textarea tokens

---
 tokens/$metadata.json            |   4 +-
 tokens/$themes.json              |  20 +--
 tokens/calcite/dark.json         |  76 +++++++++
 tokens/calcite/light.json        |  80 +++++++++
 tokens/component/input-week.json | 269 +++++++++++++++++++++++++++++++
 tokens/component/textarea.json   | 211 ++++++++++++++++++++++++
 6 files changed, 644 insertions(+), 16 deletions(-)
 create mode 100644 tokens/component/input-week.json
 create mode 100644 tokens/component/textarea.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 863caa8d083..5facce91917 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -18,9 +18,11 @@
     "component/input-password",
     "component/input-search",
     "component/input-telephone",
-    "component/input-text",
     "component/input-message",
     "component/input-time",
+    "component/input-text",
+    "component/input-week",
+    "component/textarea",
     "component/date-picker",
     "component/label",
     "component/loader",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 756fba0ab89..2ddae4f1224 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,9 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/input-telephone": "disabled",
-      "component/input-text": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,9 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/input-telephone": "disabled",
-      "component/input-text": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -39,9 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-telephone": "disabled",
-      "component/input-text": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -118,9 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/input-telephone": "disabled",
-      "component/input-text": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -210,9 +202,7 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled",
-      "component/input-telephone": "disabled",
-      "component/input-text": "disabled"
+      "component/input-date-picker": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index ef36651300a..b03d852257c 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1026,6 +1026,82 @@
             "type": "color"
           }
         }
+      },
+      "input-week": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-week.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-week.font.label.dark",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-week.font.prefix-suffix.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-week.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-week.background.default.dark",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-week.background.prefix-suffix.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-week.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-week.border.default.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-week.border.invalid.dark",
+            "type": "color"
+          }
+        }
+      },
+      "textarea": {
+        "font": {
+          "placeholder-value": {
+            "value": "$textarea.font.placeholder-value.dark",
+            "type": "color"
+          },
+          "label": {
+            "value": "$textarea.font.label.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$textarea.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$textarea.background.default.dark",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$textarea.background.read-only.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{textarea.border.dark}",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index dd947085301..ed5236617e7 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1062,6 +1062,86 @@
             "type": "color"
           }
         }
+      },
+      "input-week": {
+        "font": {
+          "placeholder-value": {
+            "value": "$input-week.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$input-week.font.label.light",
+            "type": "color"
+          },
+          "prefix-suffix": {
+            "value": "$input-week.font.prefix-suffix.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$input-week.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$input-week.background.default.light",
+            "type": "color"
+          },
+          "prefix-sufix": {
+            "value": "$input-week.background.prefix-suffix.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$input-week.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "$input-week.border.default.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$input-week.border.invalid.light",
+            "type": "color"
+          }
+        }
+      },
+      "textarea": {
+        "font": {
+          "placeholder-value": {
+            "value": "$textarea.font.placeholder-value.light",
+            "type": "color"
+          },
+          "label": {
+            "value": "$textarea.font.label.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "value": "$textarea.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$textarea.background.default.light",
+            "type": "color"
+          },
+          "read-only": {
+            "value": "$textarea.background.read-only.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{textarea.border.light}",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$textarea.border.invalid.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/input-week.json b/tokens/component/input-week.json
new file mode 100644
index 00000000000..10e3d2af452
--- /dev/null
+++ b/tokens/component/input-week.json
@@ -0,0 +1,269 @@
+{
+  "input-week": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "prefix-suffix": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "prefix-suffix": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/tokens/component/textarea.json b/tokens/component/textarea.json
new file mode 100644
index 00000000000..a3cfdf6e688
--- /dev/null
+++ b/tokens/component/textarea.json
@@ -0,0 +1,211 @@
+{
+  "textarea": {
+    "font": {
+      "placeholder-value": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "label": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        }
+      },
+      "read-only": {
+        "sm": {
+          "value": "$semantic.font.default.medium.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.input.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.input.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "read-only": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-around": {
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.5",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "opacity": {
+      "placeholder": {
+        "light": {
+          "value": "{core.opacity.50}",
+          "type": "opacity"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From aa85eda4b658959ae49fe17094561c35eacc9b2e Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 13:27:08 +0000
Subject: [PATCH 43/78] tabs tokens

---
 tokens/$metadata.json          |   1 +
 tokens/$themes.json            |  14 ++-
 tokens/component/tab-tile.json | 177 +++++++++++++++++++++++++++++++++
 3 files changed, 191 insertions(+), 1 deletion(-)
 create mode 100644 tokens/component/tab-tile.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 5facce91917..b2380d59587 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -28,6 +28,7 @@
     "component/loader",
     "component/radio",
     "component/rating",
+    "component/tab-tile",
     "component/tip",
     "component/tooltip",
     "component/switch",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 2ddae4f1224..72beff261ae 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -202,7 +202,19 @@
       "component/tip": "enabled",
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
-      "component/input-date-picker": "enabled"
+      "component/input-date-picker": "enabled",
+      "component/tab-tile": "enabled",
+      "component/input-datetime-local": "enabled",
+      "component/input-email": "enabled",
+      "component/input-file": "enabled",
+      "component/input-month": "enabled",
+      "component/input-number": "enabled",
+      "component/input-password": "enabled",
+      "component/input-search": "enabled",
+      "component/input-telephone": "enabled",
+      "component/input-text": "enabled",
+      "component/input-week": "enabled",
+      "component/textarea": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/tab-tile.json b/tokens/component/tab-tile.json
new file mode 100644
index 00000000000..7fcb8d33cdf
--- /dev/null
+++ b/tokens/component/tab-tile.json
@@ -0,0 +1,177 @@
+{
+  "tab-tile": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "foreground": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.2.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.2.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.1",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.2",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.4",
+        "type": "borderWidth"
+      }
+    },
+    "comp-size": {
+      "sm": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.14",
+        "type": "sizing"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.14",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 993c8473d3504c0323305fc2c37e75f3f34f4325 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 19:24:43 +0000
Subject: [PATCH 44/78] textarea token

---
 tokens/component/textarea.json | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/tokens/component/textarea.json b/tokens/component/textarea.json
index a3cfdf6e688..ad48b92b096 100644
--- a/tokens/component/textarea.json
+++ b/tokens/component/textarea.json
@@ -58,6 +58,28 @@
           "value": "$semantic.font.default.medium.0h",
           "type": "typography"
         }
+      },
+      "chat-limit": {
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
       }
     },
     "icon": {

From ef177b0a89d20e297f4d3b9c584da5f66b80705a Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 19:53:52 +0000
Subject: [PATCH 45/78] Textarea tokens

---
 tokens/calcite/dark.json       |  4 ++++
 tokens/calcite/light.json      |  8 ++++----
 tokens/component/textarea.json | 10 +---------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index b03d852257c..258f8ab6454 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1080,6 +1080,10 @@
           "label": {
             "value": "$textarea.font.label.dark",
             "type": "color"
+          },
+          "chat-limit": {
+            "value": "$textarea.font.chat-limit.dark",
+            "type": "color"
           }
         },
         "icon": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index ed5236617e7..71bf534f0bf 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1116,6 +1116,10 @@
           "label": {
             "value": "$textarea.font.label.light",
             "type": "color"
+          },
+          "chat-limit": {
+            "value": "$textarea.font.chat-limit.light",
+            "type": "color"
           }
         },
         "icon": {
@@ -1136,10 +1140,6 @@
           "default": {
             "value": "{textarea.border.light}",
             "type": "color"
-          },
-          "invalid": {
-            "value": "$textarea.border.invalid.light",
-            "type": "color"
           }
         }
       }
diff --git a/tokens/component/textarea.json b/tokens/component/textarea.json
index ad48b92b096..ce0619db8fe 100644
--- a/tokens/component/textarea.json
+++ b/tokens/component/textarea.json
@@ -162,7 +162,7 @@
         "type": "sizing"
       },
       "lg": {
-        "value": "$core.sizing.9",
+        "value": "$core.sizing.7",
         "type": "sizing"
       }
     },
@@ -220,14 +220,6 @@
           "type": "composition"
         }
       }
-    },
-    "opacity": {
-      "placeholder": {
-        "light": {
-          "value": "{core.opacity.50}",
-          "type": "opacity"
-        }
-      }
     }
   }
 }
\ No newline at end of file

From 14e9c19757cbf30f56128c878af7a568a87ab458 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Tue, 21 Feb 2023 20:53:25 +0000
Subject: [PATCH 46/78] tabs title tokens

---
 tokens/$metadata.json                         |   2 +-
 tokens/$themes.json                           |   4 +-
 .../{tab-tile.json => tab-title.json}         | 120 ++++++++++++------
 3 files changed, 81 insertions(+), 45 deletions(-)
 rename tokens/component/{tab-tile.json => tab-title.json} (60%)

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index b2380d59587..d6fd0d23f50 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -28,7 +28,7 @@
     "component/loader",
     "component/radio",
     "component/rating",
-    "component/tab-tile",
+    "component/tab-title",
     "component/tip",
     "component/tooltip",
     "component/switch",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 72beff261ae..20f3ecc0c58 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -203,7 +203,6 @@
       "component/color-picker": "enabled",
       "component/date-picker": "enabled",
       "component/input-date-picker": "enabled",
-      "component/tab-tile": "enabled",
       "component/input-datetime-local": "enabled",
       "component/input-email": "enabled",
       "component/input-file": "enabled",
@@ -214,7 +213,8 @@
       "component/input-telephone": "enabled",
       "component/input-text": "enabled",
       "component/input-week": "enabled",
-      "component/textarea": "enabled"
+      "component/textarea": "enabled",
+      "component/tab-title": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/tab-tile.json b/tokens/component/tab-title.json
similarity index 60%
rename from tokens/component/tab-tile.json
rename to tokens/component/tab-title.json
index 7fcb8d33cdf..9259d955974 100644
--- a/tokens/component/tab-tile.json
+++ b/tokens/component/tab-title.json
@@ -1,13 +1,15 @@
 {
   "tab-tile": {
     "font": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
       },
       "sm": {
         "value": "$semantic.font.default.bold.-3h",
@@ -20,16 +22,38 @@
       "lg": {
         "value": "$semantic.font.default.bold.0h",
         "type": "typography"
+      },
+      "active": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
       }
     },
     "icon": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
       },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
+      "active": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
       }
     },
     "border": {
@@ -40,6 +64,16 @@
       "dark": {
         "value": "$semantic.ui.color.border.1.dark",
         "type": "color"
+      },
+      "active": {
+        "light": {
+          "value": "$semantic.ui.color.border.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.1.dark",
+          "type": "color"
+        }
       }
     },
     "background": {
@@ -92,60 +126,62 @@
         "type": "borderWidth"
       }
     },
-    "comp-size": {
-      "sm": {
-        "value": "$core.sizing.9",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "$core.sizing.11",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "$core.sizing.14",
-        "type": "sizing"
-      }
-    },
     "icon-size": {
       "sm": {
         "value": "$core.sizing.7",
         "type": "sizing"
       },
       "md": {
-        "value": "$core.sizing.9",
+        "value": "$core.sizing.7",
         "type": "sizing"
       },
       "lg": {
-        "value": "$core.sizing.11",
+        "value": "$core.sizing.9",
         "type": "sizing"
       }
     },
     "space-between": {
       "sm": {
-        "value": "$core.spacing.9",
+        "value": "$core.spacing.3",
         "type": "spacing"
       },
       "md": {
-        "value": "$core.spacing.11",
+        "value": "$core.spacing.3",
         "type": "spacing"
       },
       "lg": {
-        "value": "$core.spacing.14",
+        "value": "$core.spacing.3",
         "type": "spacing"
       }
     },
     "space-around": {
-      "sm": {
-        "value": "$core.spacing.7",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
+      "left-right": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        }
       },
-      "lg": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
+      "top-bottom": {
+        "sm": {
+          "value": "$core.spacing.1",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.4",
+          "type": "spacing"
+        }
       }
     },
     "[specific-element]": {

From 1069e655eabf2ee62c2e6a94ae2ad52877f2c22b Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 22 Feb 2023 16:04:25 +0000
Subject: [PATCH 47/78] tabs tokens

---
 tokens/component/tab-title.json | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index 9259d955974..54dec138bcc 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -25,11 +25,11 @@
       },
       "active": {
         "light": {
-          "value": "$semantic.ui.color.text.3.light",
+          "value": "$semantic.ui.color.text.1.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.text.3.dark",
+          "value": "$semantic.ui.color.text.1.dark",
           "type": "color"
         }
       }
@@ -47,33 +47,23 @@
       },
       "active": {
         "light": {
-          "value": "$semantic.ui.color.text.3.light",
+          "value": "$semantic.ui.color.text.1.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.text.3.dark",
+          "value": "$semantic.ui.color.text.1.dark",
           "type": "color"
         }
       }
     },
     "border": {
       "light": {
-        "value": "$semantic.ui.color.border.1.light",
+        "value": "$semantic.ui.color.border.3.light",
         "type": "color"
       },
       "dark": {
-        "value": "$semantic.ui.color.border.1.dark",
+        "value": "$semantic.ui.color.border.3.dark",
         "type": "color"
-      },
-      "active": {
-        "light": {
-          "value": "$semantic.ui.color.border.1.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.border.1.dark",
-          "type": "color"
-        }
       }
     },
     "background": {

From 4db4609e37d6c19b2032fcfbe47f058bf191646e Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 22 Feb 2023 16:27:28 +0000
Subject: [PATCH 48/78] tabs tokens

---
 tokens/component/tab-title.json | 84 ++++++++++++++++++++-------------
 1 file changed, 51 insertions(+), 33 deletions(-)

diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index 54dec138bcc..0166d9376eb 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -12,15 +12,15 @@
         }
       },
       "sm": {
-        "value": "$semantic.font.default.bold.-3h",
+        "value": "$semantic.font.default.regular.-2h",
         "type": "typography"
       },
       "md": {
-        "value": "$semantic.font.default.bold.-1h",
+        "value": "$semantic.font.default.regular.-1h",
         "type": "typography"
       },
       "lg": {
-        "value": "$semantic.font.default.bold.0h",
+        "value": "$semantic.font.default.regular.0h",
         "type": "typography"
       },
       "active": {
@@ -56,64 +56,70 @@
         }
       }
     },
-    "border": {
-      "light": {
-        "value": "$semantic.ui.color.border.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.border.3.dark",
-        "type": "color"
-      }
-    },
-    "background": {
-      "default": {
+    "bordered": {
+      "border": {
         "light": {
-          "value": "$semantic.ui.color.background.light",
+          "value": "$semantic.ui.color.border.3.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.background.dark",
+          "value": "$semantic.ui.color.border.3.dark",
           "type": "color"
         }
-      }
-    },
-    "foreground": {
-      "light": {
-        "value": "$semantic.ui.color.foreground.2.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.foreground.2.dark",
-        "type": "color"
+      },
+      "background": {
+        "default": {
+          "light": {
+            "value": "$semantic.ui.color.background.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.background.dark",
+            "type": "color"
+          }
+        }
       }
     },
     "border-radius": {
       "sm": {
-        "value": "$core.border.border-radius.4",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "md": {
-        "value": "$core.border.border-radius.5",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "lg": {
-        "value": "$core.border.border-radius.6",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       }
     },
     "border-width": {
       "sm": {
-        "value": "$core.border.border-width.1",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "md": {
-        "value": "$core.border.border-width.2",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
       },
       "lg": {
-        "value": "$core.border.border-width.4",
+        "value": "$core.border.border-width.0",
         "type": "borderWidth"
+      },
+      "active": {
+        "sm": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        },
+        "md": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        },
+        "lg": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        }
       }
     },
     "icon-size": {
@@ -198,6 +204,18 @@
           "type": "composition"
         }
       }
+    },
+    "border": {
+      "active": {
+        "light": {
+          "value": "{semantic.ui.color.brand.default.light}",
+          "type": "color"
+        },
+        "dark": {
+          "value": "{semantic.ui.color.brand.default.dark}",
+          "type": "color"
+        }
+      }
     }
   }
 }
\ No newline at end of file

From 1e5698f6b8928d377d2c7c1faa1a471e32add193 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 22 Feb 2023 16:44:08 +0000
Subject: [PATCH 49/78] tabs tokens

---
 tokens/calcite/dark.json        | 42 ++++++++++++++++++++++++++++++++-
 tokens/calcite/light.json       | 40 +++++++++++++++++++++++++++++++
 tokens/component/tab-title.json |  2 +-
 3 files changed, 82 insertions(+), 2 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 258f8ab6454..76e187ae720 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1102,7 +1102,47 @@
         },
         "border": {
           "default": {
-            "value": "{textarea.border.dark}",
+            "value": "$textarea.border.dark",
+            "type": "color"
+          }
+        }
+      },
+      "tab-title": {
+        "font": {
+          "default": {
+            "value": "$tab-title.font.default.dark",
+            "type": "color"
+          },
+          "active": {
+            "value": "$tab-title.font.active.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "$tab-title.icon.default.dark",
+            "type": "color"
+          },
+          "active": {
+            "value": "$tab-title.icon.active.dark",
+            "type": "color"
+          }
+        },
+        "bordered": {
+          "border": {
+            "value": "$tab-title.bordered.border.dark",
+            "type": "color"
+          },
+          "background": {
+            "default": {
+              "value": "$tab-title.bordered.background.default.dark",
+              "type": "color"
+            }
+          }
+        },
+        "border": {
+          "active": {
+            "value": "$tab-title.border.active.dark",
             "type": "color"
           }
         }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 71bf534f0bf..6491050b1b3 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1142,6 +1142,46 @@
             "type": "color"
           }
         }
+      },
+      "tab-title": {
+        "font": {
+          "default": {
+            "value": "$tab-title.font.default.light",
+            "type": "color"
+          },
+          "active": {
+            "value": "$tab-title.font.active.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "$tab-title.icon.default.light",
+            "type": "color"
+          },
+          "active": {
+            "value": "$tab-title.icon.active.light",
+            "type": "color"
+          }
+        },
+        "bordered": {
+          "border": {
+            "value": "$tab-title.bordered.border.light",
+            "type": "color"
+          },
+          "background": {
+            "default": {
+              "value": "$tab-title.bordered.background.default.light",
+              "type": "color"
+            }
+          }
+        },
+        "border": {
+          "active": {
+            "value": "$tab-title.border.active.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index 0166d9376eb..c88585a749b 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -1,5 +1,5 @@
 {
-  "tab-tile": {
+  "tab-title": {
     "font": {
       "default": {
         "light": {

From 45a2a294d868a05cbd99c6bb8d89f22815f4abb2 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 22 Feb 2023 17:42:35 +0000
Subject: [PATCH 50/78] tabs token

---
 tokens/component/tab-title.json | 84 +++++++++++++++++++++++----------
 1 file changed, 58 insertions(+), 26 deletions(-)

diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index c88585a749b..db87f6f3f8f 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -78,6 +78,36 @@
             "type": "color"
           }
         }
+      },
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          }
+        },
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.4",
+            "type": "spacing"
+          }
+        }
       }
     },
     "border-radius": {
@@ -150,33 +180,35 @@
         "type": "spacing"
       }
     },
-    "space-around": {
-      "left-right": {
-        "sm": {
-          "value": "$core.spacing.1",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "$core.spacing.1",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "$core.spacing.1",
-          "type": "spacing"
-        }
-      },
-      "top-bottom": {
-        "sm": {
-          "value": "$core.spacing.1",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "$core.spacing.3",
-          "type": "spacing"
+    "default": {
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          }
         },
-        "lg": {
-          "value": "$core.spacing.4",
-          "type": "spacing"
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.4",
+            "type": "spacing"
+          }
         }
       }
     },

From 532250d861c8c9c0fb267efce642d925561f5652 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 23 Feb 2023 11:59:34 +0000
Subject: [PATCH 51/78] tabs tokens

---
 tokens/component/tab-title.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index db87f6f3f8f..c8ee07aa356 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -82,7 +82,7 @@
       "space-around": {
         "left-right": {
           "sm": {
-            "value": "$core.spacing.1",
+            "value": "$core.spacing.5",
             "type": "spacing"
           },
           "md": {
@@ -96,7 +96,7 @@
         },
         "top-bottom": {
           "sm": {
-            "value": "$core.spacing.5",
+            "value": "$core.spacing.1",
             "type": "spacing"
           },
           "md": {

From 2e5af703cada3d578cb70a572989e1e5b64a9e59 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 23 Feb 2023 18:51:17 +0000
Subject: [PATCH 52/78] tabs tokens

---
 tokens/component/tab-title.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tokens/component/tab-title.json b/tokens/component/tab-title.json
index c8ee07aa356..1696efd71e3 100644
--- a/tokens/component/tab-title.json
+++ b/tokens/component/tab-title.json
@@ -90,7 +90,7 @@
             "type": "spacing"
           },
           "lg": {
-            "value": "$core.spacing.7",
+            "value": "$core.spacing.1",
             "type": "spacing"
           }
         },

From 805af0dbd410b9b93db2564c54dee7e1df00836f Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 2 Mar 2023 14:50:48 +0000
Subject: [PATCH 53/78] tabs token

---
 tokens/$metadata.json      |   1 +
 tokens/calcite/dark.json   |  12 +++
 tokens/calcite/light.json  |  12 +++
 tokens/component/tabs.json | 157 +++++++++++++++++++++++++++++++++++++
 4 files changed, 182 insertions(+)
 create mode 100644 tokens/component/tabs.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index d6fd0d23f50..42e89b84e21 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -29,6 +29,7 @@
     "component/radio",
     "component/rating",
     "component/tab-title",
+    "component/tabs",
     "component/tip",
     "component/tooltip",
     "component/switch",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 76e187ae720..ea29d2120c9 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1146,6 +1146,18 @@
             "type": "color"
           }
         }
+      },
+      "tabs": {
+        "bordered": {
+          "border": {
+            "value": "$tab-title.bordered.border.dark",
+            "type": "color"
+          },
+          "background": {
+            "value": "$tab-title.bordered.background.default.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 6491050b1b3..480510df536 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1182,6 +1182,18 @@
             "type": "color"
           }
         }
+      },
+      "tabs": {
+        "bordered": {
+          "border": {
+            "value": "$tab-title.bordered.border.light",
+            "type": "color"
+          },
+          "background": {
+            "value": "$tab-title.bordered.background.default.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/tabs.json b/tokens/component/tabs.json
new file mode 100644
index 00000000000..ebd7bb1869d
--- /dev/null
+++ b/tokens/component/tabs.json
@@ -0,0 +1,157 @@
+{
+  "tabs": {
+    "bordered": {
+      "border": {
+        "light": {
+          "value": "$semantic.ui.color.border.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.3.dark",
+          "type": "color"
+        }
+      },
+      "background": {
+        "default": {
+          "light": {
+            "value": "$semantic.ui.color.background.light",
+            "type": "color"
+          },
+          "dark": {
+            "value": "$semantic.ui.color.background.dark",
+            "type": "color"
+          }
+        }
+      },
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          }
+        },
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.10",
+            "type": "spacing"
+          }
+        }
+      },
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
+        }
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "default": {
+      "space-around": {
+        "left-right": {
+          "sm": {
+            "value": "$core.spacing.none",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.none",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.none",
+            "type": "spacing"
+          }
+        },
+        "top-bottom": {
+          "sm": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        }
+      },
+      "space-between": {
+        "sm": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "$core.spacing.8",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "$core.spacing.9",
+          "type": "spacing"
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 6cbdf6016d6d5ed07de2733d13cbe76b1992d0ee Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 2 Mar 2023 17:28:53 +0000
Subject: [PATCH 54/78] card tokens

---
 tokens/$metadata.json      |   1 +
 tokens/$themes.json        |  16 ++--
 tokens/component/card.json | 177 +++++++++++++++++++++++++++++++++++++
 3 files changed, 189 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/card.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 42e89b84e21..d81f79f7afb 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -34,6 +34,7 @@
     "component/tooltip",
     "component/switch",
     "component/[template-comp-name]",
+    "component/card",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 20f3ecc0c58..c027ed5646a 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/card": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/card": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/card": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/card": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -214,7 +218,9 @@
       "component/input-text": "enabled",
       "component/input-week": "enabled",
       "component/textarea": "enabled",
-      "component/tab-title": "enabled"
+      "component/tab-title": "enabled",
+      "component/card": "enabled",
+      "component/tabs": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/card.json b/tokens/component/card.json
new file mode 100644
index 00000000000..1cff6db5526
--- /dev/null
+++ b/tokens/component/card.json
@@ -0,0 +1,177 @@
+{
+  "card": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "foreground": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.2.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.2.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.1",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.2",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.4",
+        "type": "borderWidth"
+      }
+    },
+    "comp-size": {
+      "sm": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.14",
+        "type": "sizing"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.14",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 165f38d12140e57b6f3bc5e9d5d0b99aab9b5ff6 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 2 Mar 2023 19:50:13 +0000
Subject: [PATCH 55/78] cards tokens

---
 tokens/$themes.json        |  12 +--
 tokens/calcite/dark.json   |  16 +++
 tokens/calcite/light.json  |  16 +++
 tokens/component/card.json | 200 ++++++++++++++-----------------------
 4 files changed, 112 insertions(+), 132 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index c027ed5646a..712b667d2b7 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/card": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/card": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/card": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/card": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index ea29d2120c9..b979a095470 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1158,6 +1158,22 @@
             "type": "color"
           }
         }
+      },
+      "card": {
+        "font": {
+          "title": {
+            "value": "$card.font.title.dark",
+            "type": "color"
+          },
+          "subtitle": {
+            "value": "$card.font.subtitle.dark",
+            "type": "color"
+          },
+          "description": {
+            "value": "$card.font.description.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 480510df536..eb075a1d7a4 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1194,6 +1194,22 @@
             "type": "color"
           }
         }
+      },
+      "card": {
+        "font": {
+          "title": {
+            "value": "$card.font.title.light",
+            "type": "color"
+          },
+          "subtitle": {
+            "value": "$card.font.subtitle.light",
+            "type": "color"
+          },
+          "description": {
+            "value": "$card.font.description.light",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/component/card.json b/tokens/component/card.json
index 1cff6db5526..8077fd097bf 100644
--- a/tokens/component/card.json
+++ b/tokens/component/card.json
@@ -1,153 +1,73 @@
 {
   "card": {
     "font": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
-      },
-      "sm": {
-        "value": "$semantic.font.default.bold.-3h",
-        "type": "typography"
+      "title": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        }
       },
-      "md": {
-        "value": "$semantic.font.default.bold.-1h",
-        "type": "typography"
+      "subtile": {
+        "md": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        }
       },
-      "lg": {
-        "value": "$semantic.font.default.bold.0h",
-        "type": "typography"
-      }
-    },
-    "icon": {
-      "light": {
-        "value": "$semantic.ui.color.text.3.light",
-        "type": "color"
+      "description": {
+        "md": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
       },
-      "dark": {
-        "value": "$semantic.ui.color.text.3.dark",
-        "type": "color"
+      "subtitle": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
       }
     },
     "border": {
       "light": {
-        "value": "$semantic.ui.color.border.1.light",
+        "value": "$semantic.ui.color.border.2.light",
         "type": "color"
       },
       "dark": {
-        "value": "$semantic.ui.color.border.1.dark",
+        "value": "$semantic.ui.color.border.2.dark",
         "type": "color"
       }
     },
     "background": {
       "default": {
         "light": {
-          "value": "$semantic.ui.color.background.light",
+          "value": "$semantic.ui.color.foreground.1.light",
           "type": "color"
         },
         "dark": {
-          "value": "$semantic.ui.color.background.dark",
+          "value": "$semantic.ui.color.foreground.1.dark",
           "type": "color"
         }
       }
     },
-    "foreground": {
-      "light": {
-        "value": "$semantic.ui.color.foreground.2.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.foreground.2.dark",
-        "type": "color"
-      }
-    },
-    "border-radius": {
-      "sm": {
-        "value": "$core.border.border-radius.4",
-        "type": "borderRadius"
-      },
-      "md": {
-        "value": "$core.border.border-radius.5",
-        "type": "borderRadius"
-      },
-      "lg": {
-        "value": "$core.border.border-radius.6",
-        "type": "borderRadius"
-      }
-    },
-    "border-width": {
-      "sm": {
-        "value": "$core.border.border-width.1",
-        "type": "borderWidth"
-      },
-      "md": {
-        "value": "$core.border.border-width.2",
-        "type": "borderWidth"
-      },
-      "lg": {
-        "value": "$core.border.border-width.4",
-        "type": "borderWidth"
-      }
-    },
-    "comp-size": {
-      "sm": {
-        "value": "$core.sizing.9",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "$core.sizing.11",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "$core.sizing.14",
-        "type": "sizing"
-      }
-    },
-    "icon-size": {
-      "sm": {
-        "value": "$core.sizing.7",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "$core.sizing.9",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "$core.sizing.11",
-        "type": "sizing"
-      }
-    },
-    "space-between": {
-      "sm": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
-      },
-      "lg": {
-        "value": "$core.spacing.14",
-        "type": "spacing"
-      }
-    },
-    "space-around": {
-      "sm": {
-        "value": "$core.spacing.7",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$core.spacing.9",
-        "type": "spacing"
-      },
-      "lg": {
-        "value": "$core.spacing.11",
-        "type": "spacing"
-      }
-    },
     "[specific-element]": {
       "font": {
         "sm": {
@@ -172,6 +92,38 @@
           "type": "composition"
         }
       }
+    },
+    "space-around": {
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      }
+    },
+    "space-between": {
+      "card": {
+        "md": {
+          "value": "$core.spacing.7",
+          "type": "spacing"
+        }
+      },
+      "title": {
+        "md": {
+          "value": "$core.spacing.3",
+          "type": "spacing"
+        }
+      }
+    },
+    "border-radius": {
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
     }
   }
 }
\ No newline at end of file

From 704be1433ece799df7908323769e9965e59cbaaa Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 5 Mar 2023 21:15:46 +0000
Subject: [PATCH 56/78] card tokens

---
 tokens/$metadata.json        |   3 +-
 tokens/$themes.json          |  15 +++--
 tokens/component/action.json | 125 +++++++++++++++++++++++++++++++++++
 tokens/semantic.json         |  10 +++
 4 files changed, 147 insertions(+), 6 deletions(-)
 create mode 100644 tokens/component/action.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index d81f79f7afb..1587c53e194 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -6,6 +6,7 @@
     "component/accordion",
     "component/alert",
     "component/avatar",
+    "component/card",
     "component/checkbox",
     "component/chip",
     "component/color-picker",
@@ -34,7 +35,7 @@
     "component/tooltip",
     "component/switch",
     "component/[template-comp-name]",
-    "component/card",
+    "component/action",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 712b667d2b7..5704b7f634f 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/action": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/action": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -216,7 +220,8 @@
       "component/textarea": "enabled",
       "component/tab-title": "enabled",
       "component/card": "enabled",
-      "component/tabs": "enabled"
+      "component/tabs": "enabled",
+      "component/action": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/action.json b/tokens/component/action.json
new file mode 100644
index 00000000000..f1895d8666a
--- /dev/null
+++ b/tokens/component/action.json
@@ -0,0 +1,125 @@
+{
+  "action": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.regular.-2h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.regular.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.regular.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.1.dark",
+          "type": "color"
+        }
+      },
+      "active": {
+        "light": {
+          "value": "$semantic.ui.color.foreground.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.foreground.3.dark",
+          "type": "color"
+        }
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.3",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.8",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/tokens/semantic.json b/tokens/semantic.json
index 0c783c72a9a..6f678e878b4 100644
--- a/tokens/semantic.json
+++ b/tokens/semantic.json
@@ -1424,6 +1424,16 @@
               "type": "color"
             }
           },
+          "3": {
+            "light": {
+              "value": "$core.color.neutral.blk-020",
+              "type": "color"
+            },
+            "dark": {
+              "value": "$core.color.neutral.blk-220",
+              "type": "color"
+            }
+          },
           "current": {
             "light": {
               "value": "$core.color.palette.high-saturation.blue.h-bb-010",

From cb6bc6d9444b247392c01a5eade314e8dd3933de Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 5 Mar 2023 21:19:43 +0000
Subject: [PATCH 57/78] cards color tokens

---
 tokens/$themes.json       | 15 +++++----------
 tokens/calcite/dark.json  | 20 ++++++++++++++++++++
 tokens/calcite/light.json | 20 ++++++++++++++++++++
 3 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 5704b7f634f..712b667d2b7 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/action": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/action": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -220,8 +216,7 @@
       "component/textarea": "enabled",
       "component/tab-title": "enabled",
       "component/card": "enabled",
-      "component/tabs": "enabled",
-      "component/action": "disabled"
+      "component/tabs": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index b979a095470..43b2294aa22 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1174,6 +1174,26 @@
             "type": "color"
           }
         }
+      },
+      "action": {
+        "font": {
+          "value": "$action.font.dark",
+          "type": "color"
+        },
+        "icon": {
+          "value": "$action.icon.dark",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$action.background.default.dark",
+            "type": "color"
+          },
+          "active": {
+            "value": "$action.background.active.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index eb075a1d7a4..622846cdd46 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1210,6 +1210,26 @@
             "type": "color"
           }
         }
+      },
+      "action": {
+        "font": {
+          "value": "$action.font.light",
+          "type": "color"
+        },
+        "icon": {
+          "value": "$action.icon.light",
+          "type": "color"
+        },
+        "background": {
+          "default": {
+            "value": "$action.background.default.light",
+            "type": "color"
+          },
+          "active": {
+            "value": "$action.background.active.light",
+            "type": "color"
+          }
+        }
       }
     }
   }

From 57d2d65fc6ffa169ea2a88af565bec28a8760782 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sun, 5 Mar 2023 21:41:44 +0000
Subject: [PATCH 58/78] tabs color

---
 tokens/$metadata.json      | 2 +-
 tokens/calcite/dark.json   | 4 ++--
 tokens/calcite/light.json  | 4 ++--
 tokens/component/tabs.json | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 1587c53e194..82f25bab53e 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -4,6 +4,7 @@
     "semantic",
     "component/accordion-item",
     "component/accordion",
+    "component/action",
     "component/alert",
     "component/avatar",
     "component/card",
@@ -35,7 +36,6 @@
     "component/tooltip",
     "component/switch",
     "component/[template-comp-name]",
-    "component/action",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 43b2294aa22..ad6b1e7ba38 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1150,11 +1150,11 @@
       "tabs": {
         "bordered": {
           "border": {
-            "value": "$tab-title.bordered.border.dark",
+            "value": "$tabs.bordered.border.dark",
             "type": "color"
           },
           "background": {
-            "value": "$tab-title.bordered.background.default.dark",
+            "value": "$tabs.bordered.background.default.dark",
             "type": "color"
           }
         }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 622846cdd46..e6502d91026 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1186,11 +1186,11 @@
       "tabs": {
         "bordered": {
           "border": {
-            "value": "$tab-title.bordered.border.light",
+            "value": "$tabs.bordered.border.light",
             "type": "color"
           },
           "background": {
-            "value": "$tab-title.bordered.background.default.light",
+            "value": "$tabs.bordered.background.default.light",
             "type": "color"
           }
         }
diff --git a/tokens/component/tabs.json b/tokens/component/tabs.json
index ebd7bb1869d..ec3ebc8abf8 100644
--- a/tokens/component/tabs.json
+++ b/tokens/component/tabs.json
@@ -14,11 +14,11 @@
       "background": {
         "default": {
           "light": {
-            "value": "$semantic.ui.color.background.light",
+            "value": "$semantic.ui.color.foreground.1.light",
             "type": "color"
           },
           "dark": {
-            "value": "$semantic.ui.color.background.dark",
+            "value": "$semantic.ui.color.foreground.1.dark",
             "type": "color"
           }
         }

From 9c70f30638be594a6139d406b2199d577a93b544 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 6 Mar 2023 12:42:56 +0000
Subject: [PATCH 59/78] cards color correction

---
 tokens/calcite/dark.json   | 10 ++++++++++
 tokens/calcite/light.json  | 10 ++++++++++
 tokens/component/card.json | 24 ++++++++++++++++++------
 3 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index ad6b1e7ba38..fc7bf6eb878 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1173,6 +1173,16 @@
             "value": "$card.font.description.dark",
             "type": "color"
           }
+        },
+        "border": {
+          "default": {
+            "value": "$card.border.default.dark",
+            "type": "color"
+          },
+          "active": {
+            "value": "$card.border.active.dark",
+            "type": "color"
+          }
         }
       },
       "action": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index e6502d91026..6e10bd70ba4 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1209,6 +1209,16 @@
             "value": "$card.font.description.light",
             "type": "color"
           }
+        },
+        "border": {
+          "default": {
+            "value": "$card.border.default.light",
+            "type": "color"
+          },
+          "active": {
+            "value": "$card.border.active.light",
+            "type": "color"
+          }
         }
       },
       "action": {
diff --git a/tokens/component/card.json b/tokens/component/card.json
index 8077fd097bf..558e2289c7d 100644
--- a/tokens/component/card.json
+++ b/tokens/component/card.json
@@ -47,13 +47,25 @@
       }
     },
     "border": {
-      "light": {
-        "value": "$semantic.ui.color.border.2.light",
-        "type": "color"
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.border.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.2.dark",
+          "type": "color"
+        }
       },
-      "dark": {
-        "value": "$semantic.ui.color.border.2.dark",
-        "type": "color"
+      "active": {
+        "light": {
+          "value": "$semantic.ui.color.brand.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.brand.default.dark",
+          "type": "color"
+        }
       }
     },
     "background": {

From 01c87561dfcc2392ab0947e20eb956dbc18ad3a7 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 6 Mar 2023 12:44:53 +0000
Subject: [PATCH 60/78] cards tokens

---
 tokens/calcite/dark.json  | 6 ++++++
 tokens/calcite/light.json | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index fc7bf6eb878..5567cab2875 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1183,6 +1183,12 @@
             "value": "$card.border.active.dark",
             "type": "color"
           }
+        },
+        "background": {
+          "default": {
+            "value": "$card.background.default.dark",
+            "type": "color"
+          }
         }
       },
       "action": {
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 6e10bd70ba4..b4434249d0c 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1219,6 +1219,12 @@
             "value": "$card.border.active.light",
             "type": "color"
           }
+        },
+        "background": {
+          "default": {
+            "value": "$card.background.default.light",
+            "type": "color"
+          }
         }
       },
       "action": {

From d17d63cb06f13ec529fdcb65a9d4610ee5947577 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Mar 2023 16:53:41 +0000
Subject: [PATCH 61/78] action bar tokens

---
 tokens/$metadata.json            |   1 +
 tokens/$themes.json              |  15 +++--
 tokens/calcite/dark.json         |  10 +++
 tokens/calcite/light.json        |  10 +++
 tokens/component/action-bar.json | 105 +++++++++++++++++++++++++++++++
 5 files changed, 136 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/action-bar.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 82f25bab53e..e2f5a710fce 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -36,6 +36,7 @@
     "component/tooltip",
     "component/switch",
     "component/[template-comp-name]",
+    "component/action-bar",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 712b667d2b7..19d123b5bcd 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/action-bar": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/action-bar": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action-bar": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action-bar": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -216,7 +220,8 @@
       "component/textarea": "enabled",
       "component/tab-title": "enabled",
       "component/card": "enabled",
-      "component/tabs": "enabled"
+      "component/tabs": "enabled",
+      "component/action-bar": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 5567cab2875..502e4959565 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1210,6 +1210,16 @@
             "type": "color"
           }
         }
+      },
+      "action-bar": {
+        "border": {
+          "value": "$action-bar.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-bar.background.dark",
+          "type": "color"
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index b4434249d0c..de1e4489d78 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1246,6 +1246,16 @@
             "type": "color"
           }
         }
+      },
+      "action-bar": {
+        "border": {
+          "value": "$action-bar.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-bar.background.light",
+          "type": "color"
+        }
       }
     }
   }
diff --git a/tokens/component/action-bar.json b/tokens/component/action-bar.json
new file mode 100644
index 00000000000..65cb8169104
--- /dev/null
+++ b/tokens/component/action-bar.json
@@ -0,0 +1,105 @@
+{
+  "action-bar": {
+    "font": {
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.1.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 6f872ea860c81b3f78478723448a8948156c416b Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Mar 2023 17:58:52 +0000
Subject: [PATCH 62/78] action bar

---
 tokens/$themes.json | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 19d123b5bcd..712b667d2b7 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/action-bar": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/action-bar": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action-bar": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action-bar": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -220,8 +216,7 @@
       "component/textarea": "enabled",
       "component/tab-title": "enabled",
       "component/card": "enabled",
-      "component/tabs": "enabled",
-      "component/action-bar": "disabled"
+      "component/tabs": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",

From 07757063d0da8d4639e2c5b5a413890a3968344e Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 8 Mar 2023 18:02:50 +0000
Subject: [PATCH 63/78] action pad tokens

---
 tokens/$metadata.json            |   1 +
 tokens/$themes.json              |  15 +++--
 tokens/component/action-bar.json |  14 -----
 tokens/component/action-pad.json | 105 +++++++++++++++++++++++++++++++
 4 files changed, 116 insertions(+), 19 deletions(-)
 create mode 100644 tokens/component/action-pad.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index e2f5a710fce..1d639068b71 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -37,6 +37,7 @@
     "component/switch",
     "component/[template-comp-name]",
     "component/action-bar",
+    "component/action-pad",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 712b667d2b7..6d3b726a5cb 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/action-pad": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/action-pad": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action-pad": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/action-pad": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -216,7 +220,8 @@
       "component/textarea": "enabled",
       "component/tab-title": "enabled",
       "component/card": "enabled",
-      "component/tabs": "enabled"
+      "component/tabs": "enabled",
+      "component/action-pad": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/action-bar.json b/tokens/component/action-bar.json
index 65cb8169104..4a6799bb4f8 100644
--- a/tokens/component/action-bar.json
+++ b/tokens/component/action-bar.json
@@ -1,19 +1,5 @@
 {
   "action-bar": {
-    "font": {
-      "sm": {
-        "value": "$semantic.font.default.bold.-3h",
-        "type": "typography"
-      },
-      "md": {
-        "value": "$semantic.font.default.bold.-1h",
-        "type": "typography"
-      },
-      "lg": {
-        "value": "$semantic.font.default.bold.0h",
-        "type": "typography"
-      }
-    },
     "border": {
       "light": {
         "value": "$semantic.ui.color.border.1.light",
diff --git a/tokens/component/action-pad.json b/tokens/component/action-pad.json
new file mode 100644
index 00000000000..ec0f71fbc31
--- /dev/null
+++ b/tokens/component/action-pad.json
@@ -0,0 +1,105 @@
+{
+  "action-pad": {
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.1.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "shadow": {
+      "sm": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "md": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "lg": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      }
+    }
+  }
+}
\ No newline at end of file

From da6518b8c63b6cb24394030d9e7e2b40ee8e5c0c Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:19:47 +0000
Subject: [PATCH 64/78] actions tokens

---
 tokens/$metadata.json                 |   6 +-
 tokens/$themes.json                   |  18 +++--
 tokens/calcite/light.json             |  30 ++++++++
 tokens/component/action-bar-grid.json |  91 ++++++++++++++++++++++
 tokens/component/action-pad-grid.json | 105 ++++++++++++++++++++++++++
 5 files changed, 243 insertions(+), 7 deletions(-)
 create mode 100644 tokens/component/action-bar-grid.json
 create mode 100644 tokens/component/action-pad-grid.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 1d639068b71..d0dc221fa06 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -5,6 +5,10 @@
     "component/accordion-item",
     "component/accordion",
     "component/action",
+    "component/action-bar",
+    "component/action-bar-grid",
+    "component/action-pad",
+    "component/action-pad-grid",
     "component/alert",
     "component/avatar",
     "component/card",
@@ -36,8 +40,6 @@
     "component/tooltip",
     "component/switch",
     "component/[template-comp-name]",
-    "component/action-bar",
-    "component/action-pad",
     "component/accordion_backup",
     "calcite/light",
     "calcite/dark",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 6d3b726a5cb..521810a5d3f 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -7,7 +7,8 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/light": "enabled",
-      "component/action-pad": "disabled"
+      "component/action-bar-grid": "disabled",
+      "component/action-pad-grid": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,7 +20,8 @@
       "semantic": "source",
       "brand/global": "enabled",
       "brand/dark": "enabled",
-      "component/action-pad": "disabled"
+      "component/action-bar-grid": "disabled",
+      "component/action-pad-grid": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -38,7 +40,8 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/action-pad": "disabled"
+      "component/action-bar-grid": "disabled",
+      "component/action-pad-grid": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -116,7 +119,8 @@
       "component/radio": "source",
       "component/rating": "source",
       "component/tooltip": "source",
-      "component/action-pad": "disabled"
+      "component/action-bar-grid": "disabled",
+      "component/action-pad-grid": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -221,7 +225,11 @@
       "component/tab-title": "enabled",
       "component/card": "enabled",
       "component/tabs": "enabled",
-      "component/action-pad": "disabled"
+      "component/action-bar": "enabled",
+      "component/action": "enabled",
+      "component/action-pad": "enabled",
+      "component/action-bar-grid": "enabled",
+      "component/action-pad-grid": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index de1e4489d78..2764106040c 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1256,6 +1256,36 @@
           "value": "$action-bar.background.light",
           "type": "color"
         }
+      },
+      "action-pad": {
+        "border": {
+          "value": "$action-pad.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-pad.background.light",
+          "type": "color"
+        }
+      },
+      "action-bar-grid": {
+        "border": {
+          "value": "$action-bar-grid.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-bar-grid.background.light",
+          "type": "color"
+        }
+      },
+      "action-pad-grid": {
+        "border": {
+          "value": "$action-pad-grid.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-pad-grid.background.light",
+          "type": "color"
+        }
       }
     }
   }
diff --git a/tokens/component/action-bar-grid.json b/tokens/component/action-bar-grid.json
new file mode 100644
index 00000000000..f6cb19c3db7
--- /dev/null
+++ b/tokens/component/action-bar-grid.json
@@ -0,0 +1,91 @@
+{
+  "action-bar-grid": {
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.1.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/tokens/component/action-pad-grid.json b/tokens/component/action-pad-grid.json
new file mode 100644
index 00000000000..f8e082ace07
--- /dev/null
+++ b/tokens/component/action-pad-grid.json
@@ -0,0 +1,105 @@
+{
+  "action-pad-grid": {
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.1.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.none",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "shadow": {
+      "sm": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "md": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "lg": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      }
+    }
+  }
+}
\ No newline at end of file

From 9d50ba550e9764faef2bdae804806b8c02a9f51d Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:21:18 +0000
Subject: [PATCH 65/78] tokens

---
 tokens/$themes.json | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 521810a5d3f..9bcea17b402 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,9 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/action-bar-grid": "disabled",
-      "component/action-pad-grid": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -19,9 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/action-bar-grid": "disabled",
-      "component/action-pad-grid": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -39,9 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action-bar-grid": "disabled",
-      "component/action-pad-grid": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -118,9 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/action-bar-grid": "disabled",
-      "component/action-pad-grid": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",

From 07ac86fa0eaf51548f66149e339a5465a4300fb5 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Mar 2023 12:17:29 +0000
Subject: [PATCH 66/78] block tokens

---
 tokens/$metadata.json       |   1 +
 tokens/$themes.json         |  15 ++-
 tokens/component/block.json | 205 ++++++++++++++++++++++++++++++++++++
 3 files changed, 216 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/block.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index d0dc221fa06..be871e2092f 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -11,6 +11,7 @@
     "component/action-pad-grid",
     "component/alert",
     "component/avatar",
+    "component/block",
     "component/card",
     "component/checkbox",
     "component/chip",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 9bcea17b402..b90e7c2bf17 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/block": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/block": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/block": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/block": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -221,7 +225,8 @@
       "component/action": "enabled",
       "component/action-pad": "enabled",
       "component/action-bar-grid": "enabled",
-      "component/action-pad-grid": "enabled"
+      "component/action-pad-grid": "enabled",
+      "component/block": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/block.json b/tokens/component/block.json
new file mode 100644
index 00000000000..e5fa9505523
--- /dev/null
+++ b/tokens/component/block.json
@@ -0,0 +1,205 @@
+{
+  "block": {
+    "font": {
+      "heading": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        }
+      },
+      "dscription": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
+      },
+      "content": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        }
+      },
+      "description": {
+        "md": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "idle": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "valid": {
+        "light": {
+          "value": "$semantic.ui.color.success.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.success.default.dark",
+          "type": "color"
+        }
+      },
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.3.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.background.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "block": {
+        "top-down-left": {
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        },
+        "right": {
+          "md": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          }
+        }
+      },
+      "block-content": {
+        "right-left": {
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        },
+        "top-down": {
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          }
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "chevron-size": {
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "drag-size": {
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "drag-handle": {
+      "space-around": {
+        "dragg": {
+          "right-left": {
+            "md": {
+              "value": "$core.spacing.1",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From e5990a9b1d6abac7c3c625fac0ebc756804096c9 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Mar 2023 13:16:31 +0000
Subject: [PATCH 67/78] block color tokens

---
 tokens/$themes.json         | 12 ++---
 tokens/calcite/light.json   | 92 +++++++++++++++++++++++++++++++++++++
 tokens/component/block.json | 32 ++++++++++---
 3 files changed, 121 insertions(+), 15 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index b90e7c2bf17..82abde81eb4 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/block": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/block": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/block": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/block": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 2764106040c..d50dcc265b5 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1286,6 +1286,98 @@
           "value": "$action-pad-grid.background.light",
           "type": "color"
         }
+      },
+      "block": {
+        "font": {
+          "heading": {
+            "value": "$block.font.heading.light",
+            "type": "color"
+          },
+          "description": {
+            "value": "$block.font.description.light",
+            "type": "color"
+          },
+          "content": {
+            "value": "$block.font.content.light",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "idle": {
+            "value": "$block.icon.idle.light",
+            "type": "color"
+          },
+          "valid": {
+            "value": "$block.icon.valid.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$block.icon.invalid.light",
+            "type": "color"
+          },
+          "drag-handle": {
+            "value": "$block.icon.drag-handle.light",
+            "type": "color"
+          },
+          "chevron": {
+            "value": "$block.icon.chevron.light",
+            "type": "color"
+          }
+        },
+        "border": {
+          "value": "$block.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$block.background.light",
+          "type": "color"
+        }
+      }
+    },
+    "block": {
+      "font": {
+        "heading": {
+          "value": "$block.font.heading.light",
+          "type": "color"
+        },
+        "description": {
+          "value": "$block.font.description.light",
+          "type": "color"
+        },
+        "content": {
+          "value": "$block.font.content.light",
+          "type": "color"
+        }
+      },
+      "icon": {
+        "idle": {
+          "value": "$block.icon.idle.light",
+          "type": "color"
+        },
+        "valid": {
+          "value": "$block.icon.valid.light",
+          "type": "color"
+        },
+        "invalid": {
+          "value": "$block.icon.invalid.light",
+          "type": "color"
+        },
+        "drag-handle": {
+          "value": "$block.icon.drag-handle.light",
+          "type": "color"
+        },
+        "chevron": {
+          "value": "$block.icon.chevron.light",
+          "type": "color"
+        }
+      },
+      "border": {
+        "value": "$block.border.light",
+        "type": "color"
+      },
+      "background": {
+        "value": "$block.background.light",
+        "type": "color"
       }
     }
   }
diff --git a/tokens/component/block.json b/tokens/component/block.json
index e5fa9505523..b9aa4ffe2fd 100644
--- a/tokens/component/block.json
+++ b/tokens/component/block.json
@@ -15,7 +15,7 @@
           "type": "typography"
         }
       },
-      "dscription": {
+      "description": {
         "light": {
           "value": "$semantic.ui.color.text.3.light",
           "type": "color"
@@ -23,6 +23,10 @@
         "dark": {
           "value": "$semantic.ui.color.text.3.dark",
           "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
         }
       },
       "content": {
@@ -38,12 +42,6 @@
           "value": "$semantic.font.default.regular.-1h",
           "type": "typography"
         }
-      },
-      "description": {
-        "md": {
-          "value": "$semantic.font.default.regular.-2h",
-          "type": "typography"
-        }
       }
     },
     "icon": {
@@ -76,6 +74,26 @@
           "value": "$semantic.ui.color.danger.default.dark",
           "type": "color"
         }
+      },
+      "drag-handle": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      },
+      "chevron": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "{semantic.ui.color.text.3.dark}",
+          "type": "color"
+        }
       }
     },
     "border": {

From d08eacbed7f9e985872f537d197c0bf060f26794 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 13 Mar 2023 13:36:17 +0000
Subject: [PATCH 68/78] color tokens clock

---
 tokens/component/block.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tokens/component/block.json b/tokens/component/block.json
index b9aa4ffe2fd..fb41f9d3a45 100644
--- a/tokens/component/block.json
+++ b/tokens/component/block.json
@@ -197,7 +197,7 @@
     },
     "chevron-size": {
       "md": {
-        "value": "$core.sizing.9",
+        "value": "$core.sizing.7",
         "type": "sizing"
       }
     },

From 34a0860b1d5e25a4bf2b1e22496c831b2fdd6466 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 15 Mar 2023 19:25:57 +0000
Subject: [PATCH 69/78] block-section tokens

---
 tokens/$metadata.json               |   1 +
 tokens/$themes.json                 |  15 +-
 tokens/component/block-section.json | 223 ++++++++++++++++++++++++++++
 3 files changed, 234 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/block-section.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index be871e2092f..30c8c86ff4e 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -12,6 +12,7 @@
     "component/alert",
     "component/avatar",
     "component/block",
+    "component/block-section",
     "component/card",
     "component/checkbox",
     "component/chip",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 82abde81eb4..dc4ca898314 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/block-section": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/block-section": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/block-section": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/block-section": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -222,7 +226,8 @@
       "component/action-pad": "enabled",
       "component/action-bar-grid": "enabled",
       "component/action-pad-grid": "enabled",
-      "component/block": "enabled"
+      "component/block": "enabled",
+      "component/block-section": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/block-section.json b/tokens/component/block-section.json
new file mode 100644
index 00000000000..31a8efbace2
--- /dev/null
+++ b/tokens/component/block-section.json
@@ -0,0 +1,223 @@
+{
+  "block": {
+    "font": {
+      "heading": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        }
+      },
+      "description": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        }
+      },
+      "content": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        }
+      }
+    },
+    "icon": {
+      "idle": {
+        "light": {
+          "value": "$semantic.ui.color.text.2.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.2.dark",
+          "type": "color"
+        }
+      },
+      "valid": {
+        "light": {
+          "value": "$semantic.ui.color.success.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.success.default.dark",
+          "type": "color"
+        }
+      },
+      "invalid": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      },
+      "drag-handle": {
+        "light": {
+          "value": "$semantic.ui.color.border.input.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.border.input.dark",
+          "type": "color"
+        }
+      },
+      "chevron": {
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "{semantic.ui.color.text.3.dark}",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.3.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.background.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "md": {
+        "value": "$core.border.border-radius.none",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "md": {
+        "value": "$core.border.border-width.0",
+        "type": "borderWidth"
+      }
+    },
+    "icon-size": {
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "md": {
+        "value": "$core.spacing.5",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "block": {
+        "top-down-left": {
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        },
+        "right": {
+          "md": {
+            "value": "$core.spacing.7",
+            "type": "spacing"
+          }
+        }
+      },
+      "block-content": {
+        "right-left": {
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        },
+        "top-down": {
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          }
+        }
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    },
+    "chevron-size": {
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      }
+    },
+    "drag-size": {
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "drag-handle": {
+      "space-around": {
+        "dragg": {
+          "right-left": {
+            "md": {
+              "value": "$core.spacing.1",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 62b646a84060c0d11f0b326127cc39fa6644c662 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Wed, 15 Mar 2023 19:33:38 +0000
Subject: [PATCH 70/78] block section tokens

---
 tokens/$themes.json                 | 12 ++++------
 tokens/component/block-section.json | 34 ++++++++++-------------------
 2 files changed, 16 insertions(+), 30 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index dc4ca898314..3cc5a62ab87 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/block-section": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/block-section": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/block-section": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/block-section": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
diff --git a/tokens/component/block-section.json b/tokens/component/block-section.json
index 31a8efbace2..78edfc4452a 100644
--- a/tokens/component/block-section.json
+++ b/tokens/component/block-section.json
@@ -1,5 +1,5 @@
 {
-  "block": {
+  "block-section": {
     "font": {
       "heading": {
         "light": {
@@ -136,23 +136,17 @@
     },
     "space-between": {
       "md": {
-        "value": "$core.spacing.5",
+        "value": "$core.spacing.none",
         "type": "spacing"
       }
     },
     "space-around": {
-      "block": {
-        "top-down-left": {
+      "block-text": {
+        "right-left": {
           "md": {
             "value": "$core.spacing.5",
             "type": "spacing"
           }
-        },
-        "right": {
-          "md": {
-            "value": "$core.spacing.7",
-            "type": "spacing"
-          }
         }
       },
       "block-content": {
@@ -168,6 +162,14 @@
             "type": "spacing"
           }
         }
+      },
+      "block-section": {
+        "top-down": {
+          "md": {
+            "value": "$core.spacing.5",
+            "type": "spacing"
+          }
+        }
       }
     },
     "[specific-element]": {
@@ -206,18 +208,6 @@
         "value": "$core.sizing.9",
         "type": "sizing"
       }
-    },
-    "drag-handle": {
-      "space-around": {
-        "dragg": {
-          "right-left": {
-            "md": {
-              "value": "$core.spacing.1",
-              "type": "spacing"
-            }
-          }
-        }
-      }
     }
   }
 }
\ No newline at end of file

From 2156332e0978c79895177e9aa301b968daa06fb8 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 16 Mar 2023 12:18:55 +0000
Subject: [PATCH 71/78] colors tokens

---
 tokens/calcite/dark.json            | 100 ++++++++++++++++++++++++++++
 tokens/calcite/light.json           |  58 +++++-----------
 tokens/component/block-section.json |  98 ++++-----------------------
 3 files changed, 130 insertions(+), 126 deletions(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index 502e4959565..cb60859c535 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1220,6 +1220,106 @@
           "value": "$action-bar.background.dark",
           "type": "color"
         }
+      },
+      "action-pad": {
+        "border": {
+          "value": "$action-pad.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-pad.background.dark",
+          "type": "color"
+        }
+      },
+      "action-bar-grid": {
+        "border": {
+          "value": "$action-bar-grid.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-bar-grid.background.dark",
+          "type": "color"
+        }
+      },
+      "action-pad-grid": {
+        "border": {
+          "value": "$action-pad-grid.border.dark",
+          "type": "color"
+        },
+        "background": {
+          "value": "$action-pad-grid.background.dark",
+          "type": "color"
+        }
+      },
+      "block": {
+        "font": {
+          "heading": {
+            "value": "$block.font.heading.dark",
+            "type": "color"
+          },
+          "description": {
+            "value": "$block.font.description.dark",
+            "type": "color"
+          },
+          "content": {
+            "value": "$block.font.content.dark",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "idle": {
+            "value": "$block.icon.idle.dark",
+            "type": "color"
+          },
+          "valid": {
+            "value": "$block.icon.valid.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$block.icon.invalid.dark",
+            "type": "color"
+          },
+          "drag-handle": {
+            "value": "$block.icon.drag-handle.dark",
+            "type": "color"
+          },
+          "chevron": {
+            "value": "$block.icon.chevron.dark",
+            "type": "color"
+          }
+        },
+        "border": {
+          "value": "$block.border.light",
+          "type": "color"
+        },
+        "background": {
+          "value": "$block.background.dark",
+          "type": "color"
+        }
+      },
+      "block-section": {
+        "font": {
+          "value": "$block-section.font.dark",
+          "type": "color"
+        },
+        "icon": {
+          "valid": {
+            "value": "$block-section.icon.valid.dark",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$block-section.icon.invalid.dark",
+            "type": "color"
+          },
+          "chevron": {
+            "value": "$block-section.icon.chevron.dark",
+            "type": "color"
+          }
+        },
+        "background": {
+          "value": "$block-section.background.dark",
+          "type": "color"
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index d50dcc265b5..3741b3bcf6e 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1332,52 +1332,30 @@
           "value": "$block.background.light",
           "type": "color"
         }
-      }
-    },
-    "block": {
-      "font": {
-        "heading": {
-          "value": "$block.font.heading.light",
-          "type": "color"
-        },
-        "description": {
-          "value": "$block.font.description.light",
-          "type": "color"
-        },
-        "content": {
-          "value": "$block.font.content.light",
-          "type": "color"
-        }
       },
-      "icon": {
-        "idle": {
-          "value": "$block.icon.idle.light",
-          "type": "color"
-        },
-        "valid": {
-          "value": "$block.icon.valid.light",
-          "type": "color"
-        },
-        "invalid": {
-          "value": "$block.icon.invalid.light",
+      "block-section": {
+        "font": {
+          "value": "$block-section.font.light",
           "type": "color"
         },
-        "drag-handle": {
-          "value": "$block.icon.drag-handle.light",
-          "type": "color"
+        "icon": {
+          "valid": {
+            "value": "$block-section.icon.valid.light",
+            "type": "color"
+          },
+          "invalid": {
+            "value": "$block-section.icon.invalid.light",
+            "type": "color"
+          },
+          "chevron": {
+            "value": "$block-section.icon.chevron.light",
+            "type": "color"
+          }
         },
-        "chevron": {
-          "value": "$block.icon.chevron.light",
+        "background": {
+          "value": "$block-section.background.light",
           "type": "color"
         }
-      },
-      "border": {
-        "value": "$block.border.light",
-        "type": "color"
-      },
-      "background": {
-        "value": "$block.background.light",
-        "type": "color"
       }
     }
   }
diff --git a/tokens/component/block-section.json b/tokens/component/block-section.json
index 78edfc4452a..13fb99e861f 100644
--- a/tokens/component/block-section.json
+++ b/tokens/component/block-section.json
@@ -1,60 +1,20 @@
 {
   "block-section": {
     "font": {
-      "heading": {
-        "light": {
-          "value": "$semantic.ui.color.text.2.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.text.2.dark",
-          "type": "color"
-        },
-        "md": {
-          "value": "$semantic.font.default.medium.-1h",
-          "type": "typography"
-        }
+      "light": {
+        "value": "$semantic.ui.color.text.2.light",
+        "type": "color"
       },
-      "description": {
-        "light": {
-          "value": "$semantic.ui.color.text.3.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.text.3.dark",
-          "type": "color"
-        },
-        "md": {
-          "value": "$semantic.font.default.regular.-2h",
-          "type": "typography"
-        }
+      "dark": {
+        "value": "$semantic.ui.color.text.2.dark",
+        "type": "color"
       },
-      "content": {
-        "light": {
-          "value": "$semantic.ui.color.text.2.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.text.2.dark",
-          "type": "color"
-        },
-        "md": {
-          "value": "$semantic.font.default.regular.-1h",
-          "type": "typography"
-        }
+      "md": {
+        "value": "$semantic.font.default.medium.-1h",
+        "type": "typography"
       }
     },
     "icon": {
-      "idle": {
-        "light": {
-          "value": "$semantic.ui.color.text.2.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.text.2.dark",
-          "type": "color"
-        }
-      },
       "valid": {
         "light": {
           "value": "$semantic.ui.color.success.default.light",
@@ -75,16 +35,6 @@
           "type": "color"
         }
       },
-      "drag-handle": {
-        "light": {
-          "value": "$semantic.ui.color.border.input.light",
-          "type": "color"
-        },
-        "dark": {
-          "value": "$semantic.ui.color.border.input.dark",
-          "type": "color"
-        }
-      },
       "chevron": {
         "light": {
           "value": "$semantic.ui.color.text.3.light",
@@ -96,16 +46,6 @@
         }
       }
     },
-    "border": {
-      "light": {
-        "value": "$semantic.ui.color.border.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.border.3.dark",
-        "type": "color"
-      }
-    },
     "background": {
       "light": {
         "value": "$semantic.ui.color.foreground.1.light",
@@ -150,17 +90,9 @@
         }
       },
       "block-content": {
-        "right-left": {
-          "md": {
-            "value": "$core.spacing.5",
-            "type": "spacing"
-          }
-        },
-        "top-down": {
-          "md": {
-            "value": "$core.spacing.3",
-            "type": "spacing"
-          }
+        "md": {
+          "value": "$core.spacing.none",
+          "type": "spacing"
         }
       },
       "block-section": {
@@ -202,12 +134,6 @@
         "value": "$core.sizing.7",
         "type": "sizing"
       }
-    },
-    "drag-size": {
-      "md": {
-        "value": "$core.sizing.9",
-        "type": "sizing"
-      }
     }
   }
 }
\ No newline at end of file

From b72b234f9fcc04a55887c87bab001303370162ea Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 16 Mar 2023 12:35:35 +0000
Subject: [PATCH 72/78] block section corretions

---
 tokens/component/block-section.json | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/tokens/component/block-section.json b/tokens/component/block-section.json
index 13fb99e861f..5910a5c22f0 100644
--- a/tokens/component/block-section.json
+++ b/tokens/component/block-section.json
@@ -10,7 +10,7 @@
         "type": "color"
       },
       "md": {
-        "value": "$semantic.font.default.medium.-1h",
+        "value": "$semantic.font.wrap.medium.-1",
         "type": "typography"
       }
     },
@@ -62,12 +62,6 @@
         "type": "borderRadius"
       }
     },
-    "border-width": {
-      "md": {
-        "value": "$core.border.border-width.0",
-        "type": "borderWidth"
-      }
-    },
     "icon-size": {
       "md": {
         "value": "$core.sizing.7",
@@ -96,12 +90,28 @@
         }
       },
       "block-section": {
-        "top-down": {
+        "top-bottom": {
           "md": {
             "value": "$core.spacing.5",
             "type": "spacing"
           }
         }
+      },
+      "icon": {
+        "left": {
+          "md": {
+            "value": "$core.spacing.3",
+            "type": "spacing"
+          }
+        }
+      },
+      "switch": {
+        "left": {
+          "md": {
+            "value": "$core.spacing.1",
+            "type": "spacing"
+          }
+        }
       }
     },
     "[specific-element]": {

From 770d4497e1ebce076b48a06314e007c746d08411 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Thu, 16 Mar 2023 12:50:34 +0000
Subject: [PATCH 73/78] notice tokens

---
 tokens/$metadata.json        |   1 +
 tokens/$themes.json          |  15 +-
 tokens/component/notice.json | 258 +++++++++++++++++++++++++++++++++++
 3 files changed, 269 insertions(+), 5 deletions(-)
 create mode 100644 tokens/component/notice.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 30c8c86ff4e..30f7c6cc486 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -30,6 +30,7 @@
     "component/input-time",
     "component/input-text",
     "component/input-week",
+    "component/notice",
     "component/textarea",
     "component/date-picker",
     "component/label",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 3cc5a62ab87..54737c0df64 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/notice": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/notice": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/notice": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/notice": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -223,7 +227,8 @@
       "component/action-bar-grid": "enabled",
       "component/action-pad-grid": "enabled",
       "component/block": "enabled",
-      "component/block-section": "enabled"
+      "component/block-section": "enabled",
+      "component/notice": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/notice.json b/tokens/component/notice.json
new file mode 100644
index 00000000000..698b1e3e623
--- /dev/null
+++ b/tokens/component/notice.json
@@ -0,0 +1,258 @@
+{
+  "alert": {
+    "font": {
+      "title": {
+        "light": {
+          "value": "$semantic.ui.color.text.1.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.1.dark",
+          "type": "color"
+        },
+        "sm": {
+          "value": "$semantic.font.default.medium.-1h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.medium.0h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.medium.1h",
+          "type": "typography"
+        }
+      },
+      "message": {
+        "sm": {
+          "value": "$semantic.font.default.regular.-2h",
+          "type": "typography"
+        },
+        "md": {
+          "value": "$semantic.font.default.regular.-1h",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "$semantic.font.default.regular.0h",
+          "type": "typography"
+        },
+        "light": {
+          "value": "$semantic.ui.color.text.3.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.text.3.dark",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.2.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.3.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.1",
+        "type": "borderRadius"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      }
+    },
+    "icon": {
+      "blue": {
+        "light": {
+          "value": "$semantic.ui.color.info.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.info.default.dark",
+          "type": "color"
+        }
+      },
+      "green": {
+        "light": {
+          "value": "$semantic.ui.color.success.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.success.default.dark",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "light": {
+          "value": "$semantic.ui.color.warning.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.warning.default.dark",
+          "type": "color"
+        }
+      },
+      "red": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      }
+    },
+    "highlight": {
+      "blue": {
+        "light": {
+          "value": "$semantic.ui.color.info.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.info.default.dark",
+          "type": "color"
+        }
+      },
+      "green": {
+        "light": {
+          "value": "$semantic.ui.color.success.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.success.default.dark",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "light": {
+          "value": "$semantic.ui.color.warning.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.warning.default.dark",
+          "type": "color"
+        }
+      },
+      "red": {
+        "light": {
+          "value": "$semantic.ui.color.danger.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.danger.default.dark",
+          "type": "color"
+        }
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "{core.spacing.5}",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "{core.spacing.7}",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "{core.spacing.8}",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "top": {
+        "sm": {
+          "value": "{core.spacing.4}",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "{core.spacing.5}",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "{core.spacing.8}",
+          "type": "spacing"
+        }
+      },
+      "bottom": {
+        "sm": {
+          "value": "{core.spacing.4}",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "{core.spacing.5}",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "{core.spacing.8}",
+          "type": "spacing"
+        }
+      },
+      "left": {
+        "sm": {
+          "value": "{core.spacing.4}",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "{core.spacing.5}",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "{core.spacing.8}",
+          "type": "spacing"
+        }
+      },
+      "right": {
+        "sm": {
+          "value": "{core.spacing.4}",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "{core.spacing.5}",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "{core.spacing.8}",
+          "type": "spacing"
+        }
+      }
+    },
+    "shadow": {
+      "value": "{core.box-shadow.2}",
+      "type": "boxShadow"
+    }
+  }
+}
\ No newline at end of file

From 41c0311bdb02499e0dc960bb809f02ee7fbd62fb Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Sat, 18 Mar 2023 16:33:28 +0000
Subject: [PATCH 74/78] notice tokens

---
 tokens/$themes.json          | 12 ++---
 tokens/component/notice.json | 92 ++++++++++++++++--------------------
 2 files changed, 44 insertions(+), 60 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 54737c0df64..a061ba6323e 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/notice": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/notice": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/notice": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/notice": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
diff --git a/tokens/component/notice.json b/tokens/component/notice.json
index 698b1e3e623..21ae420c8e5 100644
--- a/tokens/component/notice.json
+++ b/tokens/component/notice.json
@@ -1,5 +1,5 @@
 {
-  "alert": {
+  "notice": {
     "font": {
       "title": {
         "light": {
@@ -11,29 +11,29 @@
           "type": "color"
         },
         "sm": {
-          "value": "$semantic.font.default.medium.-1h",
+          "value": "$semantic.font.wrap.medium.-1",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.medium.0h",
+          "value": "$semantic.font.wrap.medium.0",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.medium.1h",
+          "value": "$semantic.font.wrap.medium.1",
           "type": "typography"
         }
       },
       "message": {
         "sm": {
-          "value": "$semantic.font.default.regular.-2h",
+          "value": "$semantic.font.wrap.regular.-1",
           "type": "typography"
         },
         "md": {
-          "value": "$semantic.font.default.regular.-1h",
+          "value": "$semantic.font.wrap.regular.-1",
           "type": "typography"
         },
         "lg": {
-          "value": "$semantic.font.default.regular.0h",
+          "value": "$semantic.font.wrap.regular.0",
           "type": "typography"
         },
         "light": {
@@ -56,27 +56,17 @@
         "type": "color"
       }
     },
-    "border": {
-      "light": {
-        "value": "$semantic.ui.color.border.3.light",
-        "type": "color"
-      },
-      "dark": {
-        "value": "$semantic.ui.color.border.3.dark",
-        "type": "color"
-      }
-    },
     "border-radius": {
       "sm": {
-        "value": "$core.border.border-radius.1",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "md": {
-        "value": "$core.border.border-radius.1",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       },
       "lg": {
-        "value": "$core.border.border-radius.1",
+        "value": "$core.border.border-radius.none",
         "type": "borderRadius"
       }
     },
@@ -178,81 +168,79 @@
         }
       }
     },
-    "space-between": {
-      "sm": {
-        "value": "{core.spacing.5}",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "{core.spacing.7}",
-        "type": "spacing"
-      },
-      "lg": {
-        "value": "{core.spacing.8}",
-        "type": "spacing"
-      }
-    },
-    "space-around": {
-      "top": {
+    "content": {
+      "space-between": {
         "sm": {
-          "value": "{core.spacing.4}",
+          "value": "$core.spacing.1",
           "type": "spacing"
         },
         "md": {
-          "value": "{core.spacing.5}",
+          "value": "$core.spacing.1",
           "type": "spacing"
         },
         "lg": {
-          "value": "{core.spacing.8}",
+          "value": "$core.spacing.1",
           "type": "spacing"
         }
-      },
-      "bottom": {
+      }
+    },
+    "space-around": {
+      "top-bottom": {
         "sm": {
-          "value": "{core.spacing.4}",
+          "value": "$core.spacing.4",
           "type": "spacing"
         },
         "md": {
-          "value": "{core.spacing.5}",
+          "value": "$core.spacing.6",
           "type": "spacing"
         },
         "lg": {
-          "value": "{core.spacing.8}",
+          "value": "$core.spacing.7",
           "type": "spacing"
         }
       },
       "left": {
         "sm": {
-          "value": "{core.spacing.4}",
+          "value": "$core.spacing.5",
           "type": "spacing"
         },
         "md": {
-          "value": "{core.spacing.5}",
+          "value": "$core.spacing.7",
           "type": "spacing"
         },
         "lg": {
-          "value": "{core.spacing.8}",
+          "value": "$core.spacing.8",
           "type": "spacing"
         }
       },
       "right": {
         "sm": {
-          "value": "{core.spacing.4}",
+          "value": "$core.spacing.3",
           "type": "spacing"
         },
         "md": {
-          "value": "{core.spacing.5}",
+          "value": "$core.spacing.5",
           "type": "spacing"
         },
         "lg": {
-          "value": "{core.spacing.8}",
+          "value": "$core.spacing.7",
           "type": "spacing"
         }
       }
     },
     "shadow": {
-      "value": "{core.box-shadow.2}",
-      "type": "boxShadow"
+      "sm": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "md": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      },
+      "lg": {
+        "value": "{core.box-shadow.1}",
+        "type": "boxShadow"
+      }
     }
   }
 }
\ No newline at end of file

From 372adcd500ffe13ed4dbd77ff986ab3815bd9de2 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Mar 2023 14:29:29 +0000
Subject: [PATCH 75/78] notice token

---
 tokens/calcite/light.json    | 16 ++++++++++++++++
 tokens/component/notice.json | 36 ++++++++++++++++++++++++++++--------
 2 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 3741b3bcf6e..6d7bfa15e1d 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1356,6 +1356,22 @@
           "value": "$block-section.background.light",
           "type": "color"
         }
+      },
+      "notice": {
+        "font": {
+          "title": {
+            "value": "$notice.font.title.light",
+            "type": "color"
+          },
+          "message": {
+            "value": "$notice.font.message.light",
+            "type": "color"
+          }
+        },
+        "background": {
+          "value": "$notice.background.light",
+          "type": "color"
+        }
       }
     }
   }
diff --git a/tokens/component/notice.json b/tokens/component/notice.json
index 21ae420c8e5..4298c26d3a7 100644
--- a/tokens/component/notice.json
+++ b/tokens/component/notice.json
@@ -85,7 +85,7 @@
       }
     },
     "icon": {
-      "blue": {
+      "info": {
         "light": {
           "value": "$semantic.ui.color.info.default.light",
           "type": "color"
@@ -95,7 +95,7 @@
           "type": "color"
         }
       },
-      "green": {
+      "success": {
         "light": {
           "value": "$semantic.ui.color.success.default.light",
           "type": "color"
@@ -105,7 +105,7 @@
           "type": "color"
         }
       },
-      "yellow": {
+      "warning": {
         "light": {
           "value": "$semantic.ui.color.warning.default.light",
           "type": "color"
@@ -115,7 +115,7 @@
           "type": "color"
         }
       },
-      "red": {
+      "danger": {
         "light": {
           "value": "$semantic.ui.color.danger.default.light",
           "type": "color"
@@ -124,10 +124,20 @@
           "value": "$semantic.ui.color.danger.default.dark",
           "type": "color"
         }
+      },
+      "brand": {
+        "light": {
+          "value": "$semantic.ui.color.brand.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.brand.default.dark",
+          "type": "color"
+        }
       }
     },
     "highlight": {
-      "blue": {
+      "info": {
         "light": {
           "value": "$semantic.ui.color.info.default.light",
           "type": "color"
@@ -137,7 +147,7 @@
           "type": "color"
         }
       },
-      "green": {
+      "success": {
         "light": {
           "value": "$semantic.ui.color.success.default.light",
           "type": "color"
@@ -147,7 +157,7 @@
           "type": "color"
         }
       },
-      "yellow": {
+      "warning": {
         "light": {
           "value": "$semantic.ui.color.warning.default.light",
           "type": "color"
@@ -157,7 +167,7 @@
           "type": "color"
         }
       },
-      "red": {
+      "danger": {
         "light": {
           "value": "$semantic.ui.color.danger.default.light",
           "type": "color"
@@ -166,6 +176,16 @@
           "value": "$semantic.ui.color.danger.default.dark",
           "type": "color"
         }
+      },
+      "brand": {
+        "light": {
+          "value": "$semantic.ui.color.brand.default.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.brand.default.dark",
+          "type": "color"
+        }
       }
     },
     "content": {

From 377c2f1a099a4a2980abc15cf2c7aa3890707ce6 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Mar 2023 14:58:41 +0000
Subject: [PATCH 76/78] Notice tokens

---
 tokens/calcite/dark.json     | 60 ++++++++++++++++++++++++++++++++++++
 tokens/calcite/light.json    | 44 ++++++++++++++++++++++++++
 tokens/component/notice.json | 16 +++++++++-
 3 files changed, 119 insertions(+), 1 deletion(-)

diff --git a/tokens/calcite/dark.json b/tokens/calcite/dark.json
index cb60859c535..0842b6e4dab 100644
--- a/tokens/calcite/dark.json
+++ b/tokens/calcite/dark.json
@@ -1320,6 +1320,66 @@
           "value": "$block-section.background.dark",
           "type": "color"
         }
+      },
+      "notice": {
+        "font": {
+          "title": {
+            "value": "$notice.font.title.dark",
+            "type": "color"
+          },
+          "message": {
+            "value": "$notice.font.message.dark",
+            "type": "color"
+          }
+        },
+        "background": {
+          "value": "$notice.background.dark",
+          "type": "color"
+        },
+        "icon": {
+          "info": {
+            "value": "$notice.icon.info.dark",
+            "type": "color"
+          },
+          "success": {
+            "value": "$notice.icon.success.dark",
+            "type": "color"
+          },
+          "warning": {
+            "value": "$notice.icon.warning.dark",
+            "type": "color"
+          },
+          "danger": {
+            "value": "$notice.icon.danger.dark",
+            "type": "color"
+          },
+          "brand": {
+            "value": "$notice.icon.brand.dark",
+            "type": "color"
+          }
+        },
+        "highlight": {
+          "info": {
+            "value": "$notice.highlight.info.dark",
+            "type": "color"
+          },
+          "success": {
+            "value": "$notice.highlight.success.dark",
+            "type": "color"
+          },
+          "warning": {
+            "value": "$notice.highlight.warning.dark",
+            "type": "color"
+          },
+          "danger": {
+            "value": "$notice.highlight.danger.dark",
+            "type": "color"
+          },
+          "brand": {
+            "value": "$notice.highlight.brand.dark",
+            "type": "color"
+          }
+        }
       }
     }
   }
diff --git a/tokens/calcite/light.json b/tokens/calcite/light.json
index 6d7bfa15e1d..479c38049c4 100644
--- a/tokens/calcite/light.json
+++ b/tokens/calcite/light.json
@@ -1371,6 +1371,50 @@
         "background": {
           "value": "$notice.background.light",
           "type": "color"
+        },
+        "icon": {
+          "info": {
+            "value": "$notice.icon.info.light",
+            "type": "color"
+          },
+          "success": {
+            "value": "$notice.icon.success.light",
+            "type": "color"
+          },
+          "warning": {
+            "value": "$notice.icon.warning.light",
+            "type": "color"
+          },
+          "danger": {
+            "value": "$notice.icon.danger.light",
+            "type": "color"
+          },
+          "brand": {
+            "value": "$notice.icon.brand.light",
+            "type": "color"
+          }
+        },
+        "highlight": {
+          "info": {
+            "value": "$notice.highlight.info.light",
+            "type": "color"
+          },
+          "success": {
+            "value": "$notice.highlight.success.light",
+            "type": "color"
+          },
+          "warning": {
+            "value": "$notice.highlight.warning.light",
+            "type": "color"
+          },
+          "danger": {
+            "value": "$notice.highlight.danger.light",
+            "type": "color"
+          },
+          "brand": {
+            "value": "$notice.highlight.brand.light",
+            "type": "color"
+          }
         }
       }
     }
diff --git a/tokens/component/notice.json b/tokens/component/notice.json
index 4298c26d3a7..2ee2de108a2 100644
--- a/tokens/component/notice.json
+++ b/tokens/component/notice.json
@@ -25,7 +25,7 @@
       },
       "message": {
         "sm": {
-          "value": "$semantic.font.wrap.regular.-1",
+          "value": "$semantic.font.wrap.regular.-2",
           "type": "typography"
         },
         "md": {
@@ -186,6 +186,20 @@
           "value": "$semantic.ui.color.brand.default.dark",
           "type": "color"
         }
+      },
+      "border": {
+        "sm": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        },
+        "md": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        },
+        "lg": {
+          "value": "$core.border.border-width.1",
+          "type": "borderWidth"
+        }
       }
     },
     "content": {

From 06e88561bf6e8c08cc97da5eabafcc90dba53dac Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Mar 2023 15:02:34 +0000
Subject: [PATCH 77/78] modal medium tokens

---
 tokens/$metadata.json              |   3 +-
 tokens/$themes.json                |  15 ++-
 tokens/component/modal-medium.json | 177 +++++++++++++++++++++++++++++
 3 files changed, 189 insertions(+), 6 deletions(-)
 create mode 100644 tokens/component/modal-medium.json

diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 30f7c6cc486..f415b66a4fc 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -16,6 +16,7 @@
     "component/card",
     "component/checkbox",
     "component/chip",
+    "component/date-picker",
     "component/color-picker",
     "component/input-date-picker",
     "component/input-datetime-local",
@@ -30,9 +31,9 @@
     "component/input-time",
     "component/input-text",
     "component/input-week",
+    "component/modal-medium",
     "component/notice",
     "component/textarea",
-    "component/date-picker",
     "component/label",
     "component/loader",
     "component/radio",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index a061ba6323e..61fcdf8ff9f 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,7 +6,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled"
+      "brand/light": "enabled",
+      "component/modal-medium": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -17,7 +18,8 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled"
+      "brand/dark": "enabled",
+      "component/modal-medium": "disabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -35,7 +37,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/modal-medium": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -112,7 +115,8 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source"
+      "component/tooltip": "source",
+      "component/modal-medium": "disabled"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -224,7 +228,8 @@
       "component/action-pad-grid": "enabled",
       "component/block": "enabled",
       "component/block-section": "enabled",
-      "component/notice": "enabled"
+      "component/notice": "enabled",
+      "component/modal-medium": "disabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",
diff --git a/tokens/component/modal-medium.json b/tokens/component/modal-medium.json
new file mode 100644
index 00000000000..4c8b828e451
--- /dev/null
+++ b/tokens/component/modal-medium.json
@@ -0,0 +1,177 @@
+{
+  "modal-medium": {
+    "font": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      },
+      "sm": {
+        "value": "$semantic.font.default.bold.-3h",
+        "type": "typography"
+      },
+      "md": {
+        "value": "$semantic.font.default.bold.-1h",
+        "type": "typography"
+      },
+      "lg": {
+        "value": "$semantic.font.default.bold.0h",
+        "type": "typography"
+      }
+    },
+    "icon": {
+      "light": {
+        "value": "$semantic.ui.color.text.3.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.text.3.dark",
+        "type": "color"
+      }
+    },
+    "border": {
+      "light": {
+        "value": "$semantic.ui.color.border.1.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.border.1.dark",
+        "type": "color"
+      }
+    },
+    "background": {
+      "default": {
+        "light": {
+          "value": "$semantic.ui.color.background.light",
+          "type": "color"
+        },
+        "dark": {
+          "value": "$semantic.ui.color.background.dark",
+          "type": "color"
+        }
+      }
+    },
+    "foreground": {
+      "light": {
+        "value": "$semantic.ui.color.foreground.2.light",
+        "type": "color"
+      },
+      "dark": {
+        "value": "$semantic.ui.color.foreground.2.dark",
+        "type": "color"
+      }
+    },
+    "border-radius": {
+      "sm": {
+        "value": "$core.border.border-radius.4",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$core.border.border-radius.5",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$core.border.border-radius.6",
+        "type": "borderRadius"
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "$core.border.border-width.1",
+        "type": "borderWidth"
+      },
+      "md": {
+        "value": "$core.border.border-width.2",
+        "type": "borderWidth"
+      },
+      "lg": {
+        "value": "$core.border.border-width.4",
+        "type": "borderWidth"
+      }
+    },
+    "comp-size": {
+      "sm": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.14",
+        "type": "sizing"
+      }
+    },
+    "icon-size": {
+      "sm": {
+        "value": "$core.sizing.7",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "$core.sizing.9",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "$core.sizing.11",
+        "type": "sizing"
+      }
+    },
+    "space-between": {
+      "sm": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.14",
+        "type": "spacing"
+      }
+    },
+    "space-around": {
+      "sm": {
+        "value": "$core.spacing.7",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$core.spacing.9",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$core.spacing.11",
+        "type": "spacing"
+      }
+    },
+    "[specific-element]": {
+      "font": {
+        "sm": {
+          "value": {
+            "typography": "$[comp-name].font.sm",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "md": {
+          "value": {
+            "typography": "$[comp-name].font.md",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        },
+        "lg": {
+          "value": {
+            "typography": "$[comp-name].font.lg",
+            "fontWeights": "$core.font.font-weight.medium-italic"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

From 1eb726981f16908d8d57a8626d1588312552bef9 Mon Sep 17 00:00:00 2001
From: Manuela Leite Costa <117111285+manuelalcosta@users.noreply.github.com>
Date: Mon, 20 Mar 2023 16:32:15 +0000
Subject: [PATCH 78/78] notice tokens

---
 tokens/$themes.json | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 61fcdf8ff9f..105ecae58d7 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -6,8 +6,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/light": "enabled",
-      "component/modal-medium": "disabled"
+      "brand/light": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -18,8 +17,7 @@
       "core": "source",
       "semantic": "source",
       "brand/global": "enabled",
-      "brand/dark": "enabled",
-      "component/modal-medium": "disabled"
+      "brand/dark": "enabled"
     },
     "$figmaStyleReferences": {}
   },
@@ -37,8 +35,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/modal-medium": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:b28244f76fae4e504bbfa18bb30e111e02a00461,",
@@ -115,8 +112,7 @@
       "component/loader": "source",
       "component/radio": "source",
       "component/rating": "source",
-      "component/tooltip": "source",
-      "component/modal-medium": "disabled"
+      "component/tooltip": "source"
     },
     "$figmaStyleReferences": {
       "color.brand.default": "S:4ae7e0e0a08b9109fef0b6c2cb45185a3b711de8,",
@@ -229,7 +225,7 @@
       "component/block": "enabled",
       "component/block-section": "enabled",
       "component/notice": "enabled",
-      "component/modal-medium": "disabled"
+      "component/modal-medium": "enabled"
     },
     "$figmaStyleReferences": {
       "semantic.ui.color.brand.default.light": "S:959c4907a32cb62f2227db1c3fb7a88c3eedcbb9,",