npm - neo.mjs - Versions diffs - 6.9.11 → 6.10.0 - Mend

neo.mjs 6.9.11 → 6.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/BACKERS.md +0 -30
package/apps/ServiceWorker.mjs +2 -2
package/apps/learnneo/index.html +7 -2
package/apps/learnneo/neo-config.json +1 -4
package/apps/learnneo/view/LivePreview.mjs +171 -0
package/apps/learnneo/view/Viewport.mjs +11 -4
package/apps/learnneo/view/ViewportController.mjs +2 -2
package/apps/learnneo/view/home/ContentTreeList.mjs +93 -5
package/apps/learnneo/view/home/MainContainer.mjs +16 -16
package/apps/learnneo/view/home/MainContainerController.mjs +5 -20
package/apps/learnneo/view/home/MainContainerModel.mjs +3 -5
package/apps/newwebsite/index.html +3 -0
package/buildScripts/convertDesignTokens.mjs +173 -0
package/examples/ServiceWorker.mjs +2 -2
package/package.json +5 -8
package/resources/data/deck/learnneo/p/2023-10-01T18-29-19-158Z.md +14 -16
package/resources/data/deck/learnneo/p/2023-10-07T19-18-28-517Z.md +9 -17
package/resources/data/deck/learnneo/p/2023-10-08T20-20-07-934Z.md +7 -5
package/resources/data/deck/learnneo/p/2023-10-08T20-20-37-336Z.md +17 -10
package/resources/data/deck/learnneo/p/2023-10-14T19-25-08-153Z.md +18 -22
package/resources/data/deck/learnneo/p/2023-10-31T13-59-37-550Z.md +31 -0
package/resources/data/deck/learnneo/p/MainThreadAddonExample.md +15 -0
package/resources/data/deck/learnneo/p/MainThreadAddonIntro.md +46 -0
package/resources/data/deck/learnneo/p/TestLivePreview.md +10 -0
package/resources/data/deck/learnneo/p/stylesheet.md +22 -8
package/resources/data/deck/learnneo/t.json +126 -56
package/resources/data/deck/training/p/2023-01-10T02-21-54-303Z.md +1 -1
package/resources/data/deck/training/t.json +1276 -1
package/resources/design-tokens/json/component.json +288 -0
package/resources/design-tokens/json/core.json +352 -0
package/resources/design-tokens/json/semantic.json +231 -0
package/resources/images/logos/Github-logo-black.svg +1 -0
package/resources/images/logos/Slack-logo-black.svg +17 -0
package/resources/scss/src/apps/learnneo/Viewport.scss +3 -0
package/resources/scss/src/apps/learnneo/home/ContentTreeList.scss +60 -13
package/resources/scss/src/apps/learnneo/home/ContentView.scss +11 -2
package/resources/scss/src/apps/newwebsite/MainContainer.scss +14 -15
package/resources/scss/src/list/Base.scss +4 -0
package/resources/scss/theme-neo-light/Global.scss +36 -16
package/resources/scss/theme-neo-light/button/Base.scss +46 -45
package/resources/scss/theme-neo-light/design-tokens/Component.scss +66 -1
package/resources/scss/theme-neo-light/design-tokens/Core.scss +66 -5
package/resources/scss/theme-neo-light/design-tokens/Semantic.scss +64 -0
package/resources/scss/theme-neo-light/list/Base.scss +27 -6
package/resources/scss/theme-neo-light/tab/header/Button.scss +1 -1
package/src/DefaultConfig.mjs +2 -2
package/src/component/StatusBadge.mjs +194 -246
package/src/component/Video.mjs +19 -25
package/src/controller/Base.mjs +33 -26
package/src/core/Base.mjs +2 -2
package/src/data/connection/Xhr.mjs +1 -1
package/src/form/field/TextArea.mjs +3 -3
package/src/main/DomAccess.mjs +64 -70
package/src/main/DomEvents.mjs +1 -1
package/src/main/addon/HighlightJS.mjs +16 -1
package/src/main/addon/Mwc.mjs +6 -1
package/src/worker/Manager.mjs +8 -3
package/examples/container/dialog/MainContainer.mjs +0 -68
package/examples/container/dialog/MainContainerController.mjs +0 -84
package/examples/container/dialog/app.mjs +0 -6
package/examples/container/dialog/index.html +0 -11
package/examples/container/dialog/neo-config.json +0 -7
package/src/container/Dialog.mjs +0 -205
package/src/main/addon/Dialog.mjs +0 -68

package/resources/design-tokens/json/component.json ADDED Viewed

@@ -0,0 +1,288 @@
+{
+  "cmp": {
+    "sidenav": {
+      "chapter": {
+        "height": {
+          "value": "{sem.height.xlarge}",
+          "type": "sizing"
+        },
+        "gap": {
+          "value": "{sem.spacing.small}",
+          "type": "spacing"
+        },
+        "fg": {
+          "default": {
+            "value": "{sem.color.fg.neutral.default}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.fg.neutral.disabled}",
+            "type": "color"
+          }
+        },
+        "bg": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{sem.color.bg.neutral.hover}",
+            "type": "color"
+          },
+          "active": {
+            "value": "{sem.color.bg.neutral.active}",
+            "type": "color"
+          },
+          "selected": {
+            "value": "{sem.color.bg.primary.background}",
+            "type": "color"
+          }
+        }
+      },
+      "item": {
+        "gap": {
+          "value": "{sem.spacing.small}",
+          "type": "spacing"
+        },
+        "spacex": {
+          "value": "{sem.spacing.medium}",
+          "type": "spacing"
+        },
+        "height": {
+          "value": "{sem.height.xlarge}",
+          "type": "sizing"
+        },
+        "fg": {
+          "default": {
+            "value": "{sem.color.fg.neutral.default}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.fg.neutral.disabled}",
+            "type": "color"
+          }
+        },
+        "bg": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{sem.color.bg.neutral.hover}",
+            "type": "color"
+          },
+          "pressed": {
+            "value": "{sem.color.bg.neutral.active}",
+            "type": "color"
+          },
+          "selected": {
+            "value": "{sem.color.bg.primary.background}",
+            "type": "color"
+          }
+        },
+        "borderradius": {
+          "value": "{sem.borderradius.large}",
+          "type": "borderRadius"
+        }
+      },
+      "spacex": {
+        "value": "{sem.spacing.medium}",
+        "type": "spacing"
+      },
+      "spacey": {
+        "value": "{sem.spacing.xsmall}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{sem.spacing.xsmall}",
+        "type": "spacing"
+      },
+      "borderradius": {
+        "value": "{sem.borderradius.large}",
+        "type": "borderRadius"
+      }
+    },
+    "button": {
+      "primary": {
+        "bg": {
+          "default": {
+            "value": "{sem.color.bg.primary.default}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{sem.color.bg.primary.hover}",
+            "type": "color"
+          },
+          "active": {
+            "value": "{sem.color.bg.primary.active}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.bg.primary.disabled}",
+            "type": "color"
+          },
+          "loading": {
+            "value": "{sem.color.bg.primary.background}",
+            "type": "color"
+          }
+        },
+        "fg": {
+          "default": {
+            "value": "{sem.color.fg.neutral.contrast}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.fg.neutral.disabled}",
+            "type": "color"
+          }
+        }
+      },
+      "secondary": {
+        "bg": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{sem.color.bg.neutral.hover}",
+            "type": "color"
+          },
+          "active": {
+            "value": "{sem.color.bg.neutral.active}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "loading": {
+            "value": "{sem.color.bg.neutral.default}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "default": {
+            "value": "{sem.color.fg.neutral.default}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.fg.neutral.disabled}",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": {
+              "width": "1px",
+              "style": "solid",
+              "color": "{sem.color.border.default}"
+            },
+            "type": "border"
+          },
+          "disabled": {
+            "value": {
+              "color": "{sem.color.border.subtle}",
+              "width": "1px",
+              "style": "solid"
+            },
+            "type": "border"
+          }
+        }
+      },
+      "tertiary": {
+        "default": {
+          "value": "{sem.color.fg.neutral.contrast}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{sem.color.fg.neutral.disabled}",
+          "type": "color"
+        }
+      },
+      "ghost": {
+        "bg": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{sem.color.bg.neutral.hover}",
+            "type": "color"
+          },
+          "active": {
+            "value": "{sem.color.bg.neutral.active}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.bg.neutral.disabled}",
+            "type": "color"
+          },
+          "loading": {
+            "value": "{sem.color.bg.neutral.hover}",
+            "type": "color"
+          }
+        },
+        "fg": {
+          "default": {
+            "value": "{sem.color.fg.neutral.contrast}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{sem.color.fg.neutral.disabled}",
+            "type": "color"
+          }
+        }
+      },
+      "borderradius": {
+        "value": "{sem.borderradius.large}",
+        "type": "borderRadius"
+      },
+      "height": {
+        "value": "{height.48}",
+        "type": "sizing"
+      },
+      "spacinghorizontal": {
+        "value": "{sem.spacing.medium}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{sem.spacing.xxsmall}",
+        "type": "spacing"
+      },
+      "borderwidth": {
+        "value": "1px",
+        "type": "borderWidth"
+      }
+    },
+    "breadcrumb": {
+      "pagelevel": {
+        "value": "{sem.color.fg.neutral.default}",
+        "type": "color"
+      },
+      "arrow": {
+        "value": "{sem.color.fg.neutral.default}",
+        "type": "color"
+      },
+      "currentpage": {
+        "value": "{sem.color.fg.primary.base}",
+        "type": "color"
+      },
+      "gap": {
+        "value": "{sem.spacing.xxsmall}",
+        "type": "spacing"
+      }
+    },
+    "tab": {
+      "foreground": {
+        "default": {
+          "value": "{sem.color.fg.neutral.default}",
+          "type": "color"
+        }
+      },
+      "height": {
+        "value": "{sem.height.xlarge}",
+        "type": "sizing"
+      }
+    }
+  }
+}

package/resources/design-tokens/json/core.json ADDED Viewed

@@ -0,0 +1,352 @@
+{
+  "green": {
+    "100": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "lighten",
+            "value": "0.7",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "200": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "lighten",
+            "value": "0.5",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "300": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "lighten",
+            "value": "0.2",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "400": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "lighten",
+            "value": "0.1",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "500": {
+      "value": "#29F5AA",
+      "type": "color"
+    },
+    "600": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "darken",
+            "value": "0.1",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "700": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "darken",
+            "value": "0.2",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "800": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "darken",
+            "value": "0.4",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "900": {
+      "value": "{green.500}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "darken",
+            "value": "0.6",
+            "space": "hsl"
+          }
+        }
+      }
+    }
+  },
+  "spacing": {
+    "2": {
+      "value": "2",
+      "type": "spacing"
+    },
+    "4": {
+      "value": "4",
+      "type": "spacing"
+    },
+    "8": {
+      "value": "8",
+      "type": "spacing"
+    },
+    "12": {
+      "value": "12",
+      "type": "spacing"
+    },
+    "16": {
+      "value": "16",
+      "type": "spacing"
+    },
+    "20": {
+      "value": "20",
+      "type": "spacing"
+    },
+    "24": {
+      "value": "24",
+      "type": "spacing"
+    },
+    "32": {
+      "value": "32",
+      "type": "spacing"
+    },
+    "40": {
+      "value": "40",
+      "type": "spacing"
+    },
+    "48": {
+      "value": "48",
+      "type": "spacing"
+    },
+    "64": {
+      "value": "64",
+      "type": "spacing"
+    },
+    "80": {
+      "value": "80",
+      "type": "spacing"
+    },
+    "96": {
+      "value": "96",
+      "type": "spacing"
+    }
+  },
+  "gray": {
+    "50": {
+      "value": "#fafafa",
+      "type": "color"
+    },
+    "100": {
+      "value": "#F0F2F0",
+      "type": "color"
+    },
+    "200": {
+      "value": "#D3D7D2",
+      "type": "color"
+    },
+    "300": {
+      "value": "#B6BDB4",
+      "type": "color"
+    },
+    "400": {
+      "value": "#99A295",
+      "type": "color"
+    },
+    "500": {
+      "value": "#7C8877",
+      "type": "color"
+    },
+    "600": {
+      "value": "#606A5D",
+      "type": "color"
+    },
+    "700": {
+      "value": "#454B42",
+      "type": "color"
+    },
+    "800": {
+      "value": "#292D28",
+      "type": "color"
+    },
+    "900": {
+      "value": "#0E0F0D",
+      "type": "color"
+    }
+  },
+  "borderradius": {
+    "0": {
+      "value": "0",
+      "type": "borderRadius"
+    },
+    "4": {
+      "value": "4",
+      "type": "borderRadius"
+    },
+    "8": {
+      "value": "8",
+      "type": "borderRadius"
+    }
+  },
+  "white": {
+    "value": "#FFFFFF",
+    "type": "color"
+  },
+  "black": {
+    "value": "#000000",
+    "type": "color"
+  },
+  "height": {
+    "2": {
+      "value": "2",
+      "type": "sizing"
+    },
+    "4": {
+      "value": "4",
+      "type": "sizing"
+    },
+    "8": {
+      "value": "8",
+      "type": "sizing"
+    },
+    "16": {
+      "value": "16",
+      "type": "sizing"
+    },
+    "32": {
+      "value": "32",
+      "type": "sizing"
+    },
+    "48": {
+      "value": "48",
+      "type": "sizing"
+    }
+  },
+  "Transparent": {
+    "value": "rgba(255,255,255,0)",
+    "type": "color"
+  },
+  "purple": {
+    "100": {
+      "value": "#efe3ff",
+      "type": "color"
+    },
+    "200": {
+      "value": "#d0aaff",
+      "type": "color"
+    },
+    "300": {
+      "value": "#b071ff",
+      "type": "color"
+    },
+    "400": {
+      "value": "#9039ff",
+      "type": "color"
+    },
+    "500": {
+      "value": "#7100ff",
+      "type": "color"
+    },
+    "600": {
+      "value": "#5800c6",
+      "type": "color"
+    },
+    "700": {
+      "value": "#3f008e",
+      "type": "color"
+    },
+    "800": {
+      "value": "#260055",
+      "type": "color"
+    },
+    "900": {
+      "value": "#0d001c",
+      "type": "color"
+    }
+  },
+  "core": {
+    "fontfamily": {
+      "mono": {
+        "value": "Source Code Pro",
+        "type": "fontFamilies"
+      },
+      "sans": {
+        "value": "Source Sans Pro",
+        "type": "fontFamilies"
+      },
+      "serif": {
+        "value": "Source Serif Pro",
+        "type": "fontFamilies"
+      }
+    },
+    "fontsize": {
+      "body": {
+        "value": "18px",
+        "type": "fontSizes"
+      },
+      "h1": {
+        "value": "2.5rem",
+        "type": "fontSizes"
+      },
+      "h2": {
+        "value": "1.75rem",
+        "type": "fontSizes"
+      }
+    },
+    "fontweight": {
+      "regular": {
+        "value": "400",
+        "type": "fontWeights"
+      },
+      "semibold": {
+        "value": "600",
+        "type": "fontWeights"
+      },
+      "bold": {
+        "value": "700",
+        "type": "fontWeights"
+      }
+    },
+    "lineheight": {
+      "headline": {
+        "value": "1.2",
+        "type": "lineHeights"
+      },
+      "paragraph": {
+        "value": "1.5",
+        "type": "lineHeights"
+      }
+    }
+  }
+}