@node-core/ui-components 1.0.1-a356572cf397450a3eeeb973d6fe6d6803a24059 → 1.0.1-ab0ba1dcb1d91392c44e91b1e74e9f565e460543

package/Common/Modal/index.js

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XMarkIcon } from '@heroicons/react/24/outline';
-import * as Dialog from '@radix-ui/react-dialog';
-import styles from './index.module.css';
-const Modal = ({ children, open = false, onOpenChange = () => { }, }) => (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsx(Dialog.Portal, { children: _jsx(Dialog.Overlay, { className: styles.overlay, children: _jsxs(Dialog.Content, { className: styles.content, children: [_jsx(Dialog.Trigger, { className: styles.close, children: _jsx(XMarkIcon, {}) }), children, _jsx(Dialog.Close, {})] }) }) }) }));
-const Title = ({ children }) => (_jsx(Dialog.Title, { className: styles.title, children: children }));
-const Description = ({ children }) => (_jsx(Dialog.Description, { className: styles.description, children: children }));
-const Content = ({ children }) => (_jsx("main", { className: styles.wrapper, children: children }));
-export { Modal, Title, Description, Content };

package/Common/Modal/index.module.css

@@ -1,234 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.overlay {
-  position: fixed;
-  inset: calc(var(--spacing, 0.25rem)*0);
-  display: flex;
-  justify-content: center;
-  background-color: color-mix(in srgb, #fff 40%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-white, #fff) 40%, transparent);
-  }
-  --tw-backdrop-blur: blur(2px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: color-mix(in srgb, #0d121c 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-neutral-950, #0d121c) 40%, transparent);
-    }
-  }
-  .content {
-    position: relative;
-    margin: calc(var(--spacing, 0.25rem)*4);
-    display: inline-flex;
-    width: 100%;
-    max-width: var(--container-3xl, 48rem);
-    flex-direction: column;
-    gap: calc(var(--spacing, 0.25rem)*2);
-    overflow-y: auto;
-    border-radius: 0.25rem;
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: var(--color-neutral-200, #e9edf0);
-    background-color: var(--color-white, #fff);
-    padding: calc(var(--spacing, 0.25rem)*8);
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-    @media (width >= 670px) {
-      padding: calc(var(--spacing, 0.25rem)*6);
-    }
-    @media (width >= 40rem) {
-      margin-block: calc(var(--spacing, 0.25rem)*20);
-    }
-    @media (width >= 80rem) {
-      padding: calc(var(--spacing, 0.25rem)*12);
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-neutral-950, #0d121c);
-    }
-  }
-  .close {
-    position: absolute;
-    top: calc(var(--spacing, 0.25rem)*3);
-    right: calc(var(--spacing, 0.25rem)*3);
-    display: block;
-    width: calc(var(--spacing, 0.25rem)*7);
-    height: calc(var(--spacing, 0.25rem)*7);
-    cursor: pointer;
-    border-radius: var(--radius-sm, 0.25rem);
-    padding: calc(var(--spacing, 0.25rem)*1);
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-neutral-100, #f6f7f9);
-      }
-    }
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-    &:focus {
-      --tw-ring-color: var(--color-neutral-200, #e9edf0);
-    }
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-neutral-900, #2c3437);
-        }
-      }
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        --tw-ring-color: var(--color-neutral-900, #2c3437);
-      }
-    }
-  }
-  .title {
-    font-size: var(--text-3xl, 1.875rem);
-    line-height: var(--tw-leading, var(--text-3xl--line-height, 1.2));
-    --tw-font-weight: var(--font-weight-semibold, 600);
-    font-weight: var(--font-weight-semibold, 600);
-    color: var(--color-neutral-900, #2c3437);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-white, #fff);
-    }
-  }
-  .description {
-    margin-bottom: calc(var(--spacing, 0.25rem)*2);
-    font-size: var(--text-lg, 1.125rem);
-    line-height: var(--tw-leading, var(--text-lg--line-height, 1.55556));
-    --tw-font-weight: var(--font-weight-regular, 400);
-    font-weight: var(--font-weight-regular, 400);
-    color: var(--color-neutral-800, #556066);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-  }
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--spacing, 0.25rem)*4);
-    pre {
-      overflow: auto;
-    }
-    code,
-    a {
-      overflow-wrap: break-word;
-    }
-  }
-}
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/NodejsLogo/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NodejsIcon from '#ui/Icons/Logos/Nodejs';
-import style from './index.module.css';
-const NodejsLogo = ({ variant = 'default', ariaLabel, }) => {
-    return (_jsx(NodejsIcon, { variant: variant, className: style.nodejsLogo, ariaLabel: ariaLabel }));
-};
-export default NodejsLogo;

package/Common/NodejsLogo/index.module.css

@@ -1,5 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.nodejsLogo {
-  height: calc(var(--spacing, 0.25rem)*6);
-  width: calc(var(--spacing, 0.25rem)*20);
-}

package/Common/Notification/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ToastPrimitive from '@radix-ui/react-toast';
-import classNames from 'classnames';
-import styles from './index.module.css';
-const Notification = ({ open, duration = 5000, onChange, children, className, }) => (_jsx(ToastPrimitive.Root, { open: open, duration: duration, onOpenChange: onChange, className: classNames(styles.root, className), children: _jsx(ToastPrimitive.Title, { className: styles.message, children: children }) }));
-export default Notification;

package/Common/Notification/index.module.css

@@ -1,104 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.root {
-  margin: calc(var(--spacing, 0.25rem)*6);
-  border-radius: var(--radius-sm, 0.25rem);
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  background-color: var(--color-white, #fff);
-  padding-inline: calc(var(--spacing, 0.25rem)*4);
-  padding-block: calc(var(--spacing, 0.25rem)*3);
-  --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in srgb, #101828 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in srgb, #101828 8%, transparent));
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 8%, transparent));
-  }
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-800, #556066);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: var(--color-neutral-900, #2c3437);
-  }
-}
-.message {
-  --tw-font-weight: var(--font-weight-medium, 500);
-  font-weight: var(--font-weight-medium, 500);
-  color: var(--color-green-600, #417e38);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-white, #fff);
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/Preview/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import HexagonGrid from '#ui/Icons/HexagonGrid';
-import JsWhiteIcon from '#ui/Icons/Logos/JsWhite';
-import styles from './index.module.css';
-const Preview = ({ type = 'announcements', title }) => (_jsx("div", { className: classNames(styles.root, styles[type]), children: _jsxs("div", { className: styles.container, "aria-hidden": true, children: [_jsx(HexagonGrid, { className: styles.hexagon }), _jsx(JsWhiteIcon, { className: styles.logo }), title] }) }));
-export default Preview;

package/Common/Preview/index.module.css

@@ -1,283 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.root {
-  container-type: inline-size;
-  container-name: preview;
-  position: relative;
-  display: flex;
-  aspect-ratio: 1.90/1;
-  align-items: center;
-  border-radius: var(--radius-sm, 0.25rem);
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-neutral-900, #2c3437);
-  background-color: var(--color-neutral-950, #0d121c);
-  &::after {
-    content: var(--tw-content);
-    position: absolute;
-  }
-  &::after {
-    content: var(--tw-content);
-    inset: calc(var(--spacing, 0.25rem)*0);
-  }
-  &::after {
-    content: var(--tw-content);
-    margin: auto;
-  }
-  &::after {
-    content: var(--tw-content);
-    aspect-ratio: 1 / 1;
-  }
-  &::after {
-    content: var(--tw-content);
-    width: 33.33333%;
-  }
-  &::after {
-    content: var(--tw-content);
-    border-radius: calc(infinity*1px);
-  }
-  &::after {
-    content: var(--tw-content);
-    background-image: radial-gradient( var(--tw-gradient-from), var(--tw-gradient-to) );
-  }
-  &::after {
-    content: var(--tw-content);
-    --tw-blur: blur(var(--blur-2xl, 40px));
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
-  &::after {
-    content: var(--tw-content);
-    --tw-content: '';
-    content: var(--tw-content);
-  }
-  &.announcements {
-    &::after {
-      content: var(--tw-content);
-      --tw-gradient-from: color-mix(in srgb, #2c682c 90%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-from: color-mix(in oklab, var(--color-green-700, #2c682c) 90%, transparent);
-      }
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-    }
-  }
-  &.release {
-    &::after {
-      content: var(--tw-content);
-      --tw-gradient-from: color-mix(in srgb, #0c7bb3 90%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-from: color-mix(in oklab, var(--color-info-600, #0c7bb3) 90%, transparent);
-      }
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-    }
-  }
-  &.vulnerability {
-    &::after {
-      content: var(--tw-content);
-      --tw-gradient-from: color-mix(in srgb, #ae5f00 90%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-gradient-from: color-mix(in oklab, var(--color-warning-600, #ae5f00) 90%, transparent);
-      }
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-    }
-  }
-  .container {
-    z-index: 10;
-    margin-inline: auto;
-    display: flex;
-    width: 66.66667%;
-    max-width: var(--container-xl, 36rem);
-    flex-direction: column;
-    gap: calc(var(--spacing, 0.25rem)*4);
-    text-align: center;
-    font-size: var(--text-xs, 0.75rem);
-    line-height: var(--tw-leading, var(--text-xs--line-height, 1.33333));
-    --tw-font-weight: var(--font-weight-semibold, 600);
-    font-weight: var(--font-weight-semibold, 600);
-    color: var(--color-white, #fff);
-    @container preview (width >= 24rem) {
-      font-size: var(--text-base, 1rem);
-      line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
-    }
-    @container preview (width >= 28rem) {
-      gap: calc(var(--spacing, 0.25rem)*6);
-    }
-    @container preview (width >= 28rem) {
-      font-size: var(--text-lg, 1.125rem);
-      line-height: var(--tw-leading, var(--text-lg--line-height, 1.55556));
-    }
-    @container preview (width >= 32rem) {
-      gap: calc(var(--spacing, 0.25rem)*8);
-    }
-    @container preview (width >= 32rem) {
-      font-size: var(--text-xl, 1.25rem);
-      line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
-    }
-    @container preview (width >= 36rem) {
-      gap: calc(var(--spacing, 0.25rem)*12);
-    }
-    @container preview (width >= 36rem) {
-      font-size: var(--text-2xl, 1.5rem);
-      line-height: var(--tw-leading, var(--text-2xl--line-height, 1.33333));
-    }
-    @container preview (width >= 42rem) {
-      font-size: var(--text-3xl, 1.875rem);
-      line-height: var(--tw-leading, var(--text-3xl--line-height, 1.2));
-    }
-    .hexagon {
-      position: absolute;
-      inset: calc(var(--spacing, 0.25rem)*0);
-      margin: auto;
-      width: 100%;
-      height: 100%;
-      @container preview (width >= 28rem) {
-        height: 60%;
-      }
-      @container preview (width >= 28rem) {
-        width: 60%;
-      }
-      @container preview (width >= 32rem) {
-        height: 66.66667%;
-      }
-      @container preview (width >= 32rem) {
-        width: 66.66667%;
-      }
-      @container preview (width >= 36rem) {
-        height: 60%;
-      }
-      @container preview (width >= 36rem) {
-        width: 60%;
-      }
-      @container preview (width >= 42rem) {
-        height: 66.66667%;
-      }
-      @container preview (width >= 42rem) {
-        width: 66.66667%;
-      }
-    }
-    .logo {
-      margin-inline: auto;
-      width: calc(var(--spacing, 0.25rem)*6);
-      height: calc(var(--spacing, 0.25rem)*6);
-      @container preview (width >= 28rem) {
-        width: calc(var(--spacing, 0.25rem)*14);
-        height: calc(var(--spacing, 0.25rem)*14);
-      }
-      @container preview (width >= 32rem) {
-        width: calc(var(--spacing, 0.25rem)*16);
-        height: calc(var(--spacing, 0.25rem)*16);
-      }
-      @container preview (width >= 36rem) {
-        width: calc(var(--spacing, 0.25rem)*20);
-        height: calc(var(--spacing, 0.25rem)*20);
-      }
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-content {
-  syntax: "*";
-  initial-value: "";
-  inherits: false;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}