Add strings for styles bar

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,17 +215,25 @@ 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",
     "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
     "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
     "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-    "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
     "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
     "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
     "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
     "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+    "LIVE_DEV_STYLER_FONTS_MANUAL": "Manual",
+    "LIVE_DEV_STYLER_FONT_MANUAL_PLACEHOLDER": "e.g. Helvetica Neue",
+    "LIVE_DEV_STYLER_FONT_MANUAL_APPLY": "Apply",
+    "LIVE_DEV_STYLER_FONT_MANUAL_HINT": "Type any font name. Google Fonts are added for you; others must already be available.",
+    "LIVE_DEV_STYLER_FONT_UPLOAD": "Upload a font file",
+    "LIVE_DEV_STYLER_FONT_UPLOAD_HINT": ".ttf .otf .woff .woff2",
+    "LIVE_DEV_STYLER_FONT_UPLOAD_FAILED": "Couldn't add that font file",
     "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
     "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
     "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
@@ -237,10 +246,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",
@@ -254,7 +267,7 @@ define({
     "LIVE_DEV_STYLER_RADIUS": "Radius",
     "LIVE_DEV_STYLER_WIDTH": "Width",
     "LIVE_DEV_STYLER_COLOR": "Color",
-    "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
+    "LIVE_DEV_STYLER_ON_THIS_PAGE": "On this page",
     "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
     "LIVE_DEV_STYLER_COLOR_WHITE": "White",
     "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
@@ -339,6 +352,7 @@ define({
     "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
     "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
     "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+    "LIVE_DEV_STYLER_TARGET_CREATE": "New rule in {0}",
     "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
     "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
     "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
@@ -347,10 +361,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",
@@ -384,11 +419,6 @@ define({
     "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
     "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
     "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
-    "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",
-    "LIVE_DEV_EDIT_ONBOARD_INSERT": "Add new HTML elements",
-    "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edit tag, classes, ID and attributes",
-    "LIVE_DEV_EDIT_ONBOARD_GOT_IT": "Got it",
-    "LIVE_DEV_EDIT_ONBOARD_READ_DOCS": "Read docs",
     "LIVE_DEV_IMAGE_GALLERY_USE_IMAGE": "Download image",
     "LIVE_DEV_IMAGE_GALLERY_SELECT_DOWNLOAD_FOLDER": "Choose image download folder",
     "LIVE_DEV_IMAGE_GALLERY_SEARCH_PLACEHOLDER": "Search images\u2026",