feat: add styles bar states strings

Author: devvaannsh

src/nls/root/strings.js

@@ -202,6 +202,7 @@ define({
     "LIVE_DEV_STYLER_FONT": "Font family",
     "LIVE_DEV_STYLER_SIZE": "Font size",
     "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+    "LIVE_DEV_STYLER_WEIGHT_CYCLE_HINT": "Click to cycle Regular / Bold / Black · Shift-click for all weights",
     "LIVE_DEV_STYLER_ALIGN": "Text alignment",
     "LIVE_DEV_STYLER_BORDER": "Border",
     "LIVE_DEV_STYLER_SPACING": "Margin & padding",
@@ -214,6 +215,8 @@ define({
     "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
     "LIVE_DEV_STYLER_RESET": "Reset changes",
     "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+    "LIVE_DEV_STYLER_OVERRIDDEN": "This change is overridden by a more specific rule",
+    "LIVE_DEV_STYLER_APPLY_INLINE": "Apply anyway",
     "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
     "LIVE_DEV_STYLER_MIXED": "Mixed",
     "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
@@ -237,10 +240,14 @@ define({
     "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
     "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
     "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+    "LIVE_DEV_STYLER_TEXT_INDENT": "Text indent",
+    "LIVE_DEV_STYLER_FORMAT_TAB": "Format",
+    "LIVE_DEV_STYLER_SPACING_TAB": "Spacing",
     "LIVE_DEV_STYLER_CASE": "Case",
     "LIVE_DEV_STYLER_BOLD": "Bold",
     "LIVE_DEV_STYLER_ITALIC": "Italic",
     "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+    "LIVE_DEV_STYLER_OVERLINE": "Overline",
     "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
     "LIVE_DEV_STYLER_NONE": "None",
     "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
@@ -348,10 +355,31 @@ define({
     "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
     "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
     "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
-    "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+    "LIVE_DEV_STYLER_NEW_ERR_PSEUDO_ELEMENT": "Pseudo-elements like \"::before\" can't be styled here",
+    "LIVE_DEV_STYLER_NEW_ERR_STATE_BASE": "Add a class or id before the state, like .button:hover",
+    "LIVE_DEV_STYLER_NEW_STATE_SAVES": "Creates \"{0}\" - edits apply in the {1} state",
+    "LIVE_DEV_STYLER_NEW_STATE_ADDS_CLASS": "Adds class \"{0}\" to this element and styles its {1} state",
+    "LIVE_DEV_STYLER_NEW_STATE_ADDS_ID": "Gives this element the id \"{0}\" and styles its {1} state",
     "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
     "LIVE_DEV_STYLER_CREATE": "Create",
     "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+    "LIVE_DEV_STYLER_STATE": "State",
+    "LIVE_DEV_STYLER_STATE_PICK": "Edit a state (hover, focus, …)",
+    "LIVE_DEV_STYLER_STATE_NORMAL": "Normal",
+    "LIVE_DEV_STYLER_STATE_BANNER": "Editing the {0} state — changes apply only to {0}",
+    "LIVE_DEV_STYLER_STATE_EXIT": "Exit",
+    "LIVE_DEV_STYLER_STATE_NO_BASE": "Add a class or id to this element first so the state has somewhere to live",
+    "LIVE_DEV_STYLER_STATE_HOVER": "Hover",
+    "LIVE_DEV_STYLER_STATE_FOCUS": "Focus",
+    "LIVE_DEV_STYLER_STATE_ACTIVE": "Active",
+    "LIVE_DEV_STYLER_STATE_FOCUS_WITHIN": "Focus within",
+    "LIVE_DEV_STYLER_STATE_FOCUS_VISIBLE": "Focus visible",
+    "LIVE_DEV_STYLER_STATE_VISITED": "Visited",
+    "LIVE_DEV_STYLER_STATE_TARGET": "Target",
+    "LIVE_DEV_STYLER_STATE_CHECKED": "Checked",
+    "LIVE_DEV_STYLER_STATE_DISABLED": "Disabled",
+    "LIVE_DEV_STYLER_STATE_ENABLED": "Enabled",
+    "LIVE_DEV_STYLER_STATE_PLACEHOLDER_SHOWN": "Placeholder shown",
     "LIVE_DEV_STYLER_HEIGHT": "Height",
     "LIVE_DEV_STYLER_SIZE_TAB": "Size",
     "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",