the remaining type issues

deven-org · Nov 23, 2023 · d3bd02d · d3bd02d
1 parent 1bbe500
commit d3bd02d
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/packages/ui-library/src/foundation/component-tokens/select.css.ts b/packages/ui-library/src/foundation/component-tokens/select.css.ts
@@ -221,7 +221,7 @@ export const { tokenizedLight: selectInputLight, tokenizedDark: selectInputDark
             border-style: ${Input.Error.Rest.style};
             border-color: transparent;
             outline: ${Input.Error.Focus.width} ${Input.Error.Focus.style} ${Input.Error.Focus.color};
-            color: ${UserInput.Error.Focus};
+            color: ${UserInput.Error.Focused};
             background-color: ${SurfaceFill.Error.Focus};
           }
 

diff --git a/packages/ui-library/src/foundation/component-tokens/text-input.css.ts b/packages/ui-library/src/foundation/component-tokens/text-input.css.ts
@@ -223,7 +223,7 @@ export const { tokenizedLight: textInputLight, tokenizedDark: textInputDark } =
             border-style: ${Input.Error.Rest.style};
             border-color: transparent;
             outline: ${Input.Error.Focus.width} ${Input.Error.Focus.style} ${Input.Error.Focus.color};
-            color: ${UserInput.Error.Focus};
+            color: ${UserInput.Error.Focused};
             background-color: ${SurfaceFill.Error.Focus};
           }
 

diff --git a/packages/ui-library/src/foundation/component-tokens/tool-tip.css.ts b/packages/ui-library/src/foundation/component-tokens/tool-tip.css.ts
@@ -11,7 +11,7 @@ export const { tokenizedLight: sliderLight, tokenizedDark: sliderDark } = render
   } = semanticTokens;
 
   const splitPaddingFunc = () => {
-    const { cssText } = Tooltip.ContentCol.Padding;
+    const cssText = Tooltip.ContentCol.Padding;
     const value = parseFloat(cssText.trim().split(" ")[1]);
     return { doubleValue: `${value}px`, singleValue: `${value / 2}px` };
   };

diff --git a/packages/ui-library/src/foundation/component-tokens/ui.css.ts b/packages/ui-library/src/foundation/component-tokens/ui.css.ts
@@ -7,23 +7,23 @@ export const { tokenizedLight: buttonGroupLight, tokenizedDark: buttonGroupDark
 
   return typeSafeNestedCss`
     .blr-button-group.xs {
-      gap: ${UI.ButtonGroup.XS.ItemSpacing};
+      gap: ${UI.ButtonGroup.Container.ItemSpacing.XS};
     }
 
     .blr-button-group.sm {
-      gap: ${UI.ButtonGroup.SM.ItemSpacing};
+      gap: ${UI.ButtonGroup.Container.ItemSpacing.SM};
     }
 
     .blr-button-group.md {
-      gap: ${UI.ButtonGroup.MD.ItemSpacing};
+      gap: ${UI.ButtonGroup.Container.ItemSpacing.MD};
     }
 
     .blr-button-group.lg {
-      gap: ${UI.ButtonGroup.LG.ItemSpacing};
+      gap: ${UI.ButtonGroup.Container.ItemSpacing.LG};
     }
 
     .blr-button-group.xl {
-      gap: ${UI.ButtonGroup.XL.ItemSpacing};
+      gap: ${UI.ButtonGroup.Container.ItemSpacing.XL};
     }
   `;
 });
diff --git a/packages/ui-library/src/foundation/semantic-tokens/form.css.ts b/packages/ui-library/src/foundation/semantic-tokens/form.css.ts
@@ -128,7 +128,7 @@ export const { tokenizedLight: formLight, tokenizedDark: formDark } = renderThem
           border-style: ${Input.Error.Rest.style};
           border-color: transparent;
           outline: ${Input.Error.Focus.width} ${Input.Error.Focus.style} ${Input.Error.Focus.color};
-          color: ${UserInput.Error.Focus};
+          color: ${UserInput.Error.Focused};
           background-color: ${SurfaceFill.Error.Focus};
 
           &::placeholder {
@@ -250,7 +250,7 @@ export const { tokenizedLight: formLight, tokenizedDark: formDark } = renderThem
         gap: ${SM.CaptionComponent.ItemSpacing};
 
         .blr-icon {
-          padding: ${SM.CaptionComponent.IconWrapper.Padding};
+          padding: ${SM.CaptionComponent.IconWrapper.PaddingTop};
         }
 
         .blr-caption-text {
@@ -267,7 +267,7 @@ export const { tokenizedLight: formLight, tokenizedDark: formDark } = renderThem
         gap: ${MD.CaptionComponent.ItemSpacing};
 
         .blr-icon {
-          padding: ${MD.CaptionComponent.IconWrapper.Padding};
+          padding: ${MD.CaptionComponent.IconWrapper.PaddingTop};
         }
 
         .blr-caption-text {
@@ -284,7 +284,7 @@ export const { tokenizedLight: formLight, tokenizedDark: formDark } = renderThem
         gap: ${LG.CaptionComponent.ItemSpacing};
 
         .blr-icon {
-          padding: ${LG.CaptionComponent.IconWrapper.Padding};
+          padding: ${LG.CaptionComponent.IconWrapper.PaddingTop};
         }
 
         .blr-caption-text {