p-elements-core 2.1.0-rc8 → 2.1.0

package/docs/src/styles/main.css

@@ -1,699 +0,0 @@
-:root {
-  --sys-font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  --color-light-gray: #f4f4f4;
-  --color-dark-gray: #454545;
-  --color-blue: #4a6fbf;
-  --sys-color-primary: var(--color-blue);
-  --sys-color-on-primary: #fff;
-  --sys-color-primary-variant: #005dc7;
-  --sys-color-primary-variant-dim: #384861;
-  --sys-color-surface: #f9f9f9;
-  --sys-color-on-surface: #3e3e3e;
-  --sys-color-surface-variant: #e2e2e2;
-  --sys-color-on-dark-surface: #f0f0f0;
-  --sys-color-on-dark-surface-emphasis: #fff;
-  --sys-color-dark-surface: #303030;
-  --sys-color-dark-surface-dim: #222;
-
-  --page-header-background-color: var(--sys-color-surface);
-  --page-header-color: var(--sys-color-on-surface);
-
-  --page-header-font-size: 1.1rem;
-  --page-header-padding: 20px;
-  --page-header-font-family: var(--sys-font-family);
-
-  --app-drawer-header-height: 3.4em;
-  --app-drawer-open-width: 280px;
-  --app-drawer-closed-width: 2.5rem;
-  --app-drawer-padding: 2em;
-  --app-drawer-transition-duration: 0;
-
-  --app-mobile-menu-background-color: var(--sys-color-surface);
-  --app-mobile-menu-color: var(--sys-color-on-surface);
-
-  --app-background: var(--sys-color-surface-variant);
-  --doc-background: var(--color-light-gray);
-  --doc-color: var(--sys-color-on-surface);
-
-  --app-aside-background: var(--sys-color-surface-variant);
-  --app-aside-color: var(--sys-color-on-surface);
-  --playground-code-background: var(--doc-background);
-}
-
-html[theme="dark"] {
-  --page-header-background-color: var(--sys-color-dark-surface);
-  --page-header-color: var(--sys-color-on-dark-surface);
-
-  --app-mobile-menu-background-color: var(--sys-color-dark-surface-dim);
-  --app-mobile-menu-color: var(--sys-color-on-dark-surface);
-
-  --app-background: var(--color-dark-gray);
-  --doc-background: var(--sys-color-dark-surface-dim);
-  --doc-color: var(--sys-color-on-dark-surface);
-
-  --app-aside-background: var(--color-dark-gray);
-  --app-aside-color: var(--sys-color-on-dark-surface);
-
-  --playground-code-background: var(--doc-background);
-  --playground-code-default-color: rgb(216, 222, 233);
-  --playground-code-cursor-color: rgb(248, 248, 240);
-  --playground-code-selection-background: rgb(67, 76, 94);
-  --playground-code-gutter-background: rgb(46, 52, 64);
-  --playground-code-gutter-border-right: 0px;
-  --playground-code-linenumber-color: rgb(76, 86, 106);
-  --playground-code-atom-color: rgb(180, 142, 173);
-  --playground-code-attribute-color: rgb(143, 188, 187);
-  --playground-code-builtin-color: rgb(129, 161, 193);
-  --playground-code-comment-color: rgb(76, 86, 106);
-  --playground-code-def-color: rgb(143, 188, 187);
-  --playground-code-keyword-color: rgb(129, 161, 193);
-  --playground-code-meta-color: rgb(216, 222, 233);
-  --playground-code-number-color: rgb(180, 142, 173);
-  --playground-code-operator-color: rgb(216, 222, 233);
-  --playground-code-qualifier-color: rgb(216, 222, 233);
-  --playground-code-string-color: rgb(163, 190, 140);
-  --playground-code-string-2-color: rgb(216, 222, 233);
-  --playground-code-tag-color: rgb(191, 97, 106);
-  --playground-code-type-color: rgb(216, 222, 233);
-  --playground-code-variable-color: rgb(216, 222, 233);
-  --playground-code-variable-2-color: rgb(216, 222, 233);
-  --playground-code-variable-3-color: rgb(216, 222, 233);
-  --playground-code-callee-color: rgb(216, 222, 233);
-  --playground-code-property-color: rgb(143, 188, 187);
-}
-
-body,
-html {
-  margin: 0;
-  padding: 0;
-  font-family: var(--sys-font-family);
-}
-
-a{
-  color: var(--sys-color-primary);
-  text-decoration: underline;
-  &:hover {
-    color: var(--sys-color-primary-variant-dim);
-  }
-}
-app-mobile-menu ul,
-.app-aside ul{
-  padding-left: 1em;
-  list-style: none;
-}
-
-app-mobile-menu  nav,
-.app-aside nav{
-  padding-left: 1em;
-}
-
-app-mobile-menu li a,
-.app-aside li a {
-  text-decoration: none;
-  display: block;
-  padding: .5em 0;
-}
-
-app-mobile-menu  .active-menu-item a,
-.active-menu-item a{
-  font-weight: 600;
-  color: unset
-}
-
-body {
-  overflow-x: hidden;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-
-.app-layout {
-  min-height: 100vh;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto auto 1fr auto;
-  grid-gap: 0;
-  grid-template-areas:
-    "app-header"
-    "app-main"
-    "app-aside";
-}
-
-.app-header {
-  grid-area: app-header;
-  background-color: var(--page-header-background-color);
-  color: var(--page-header-color);
-  font-size: var(--page-header-font-size);
-  font-family: var(--page-header-font-family);
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  padding: 0.5em 1em;
-  margin: 0;
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-  max-width: calc(100vw - 2em);
-}
-
-.app-aside {
-  grid-area: app-aside;
-  background-color: var(--app-aside-background);
-  color: var(--app-aside-color);
-}
-
-.app-header nav {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 1em;
-}
-
-.app-header ul.top-nav--menu-items {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 1em;
-  a.nav-link {
-    display: block;
-    text-decoration: none;
-    padding: 0.5em;
-    color: var(--page-header-color);
-    &[data-state="active"] {
-      background-color: var(--sys-color-primary);
-      border-radius: 0.5em;
-      color: var(--sys-color-on-primary);
-    }
-  }
-}
-
-.app-header ul.top-nav--menu-items {
-  display: none;
-  visibility: hidden;
-}
-
-@media screen and (min-width: 768px) {
-  .app-header {
-    position: unset;
-  }
-
-  .app-header ul.top-nav--menu-items {
-    display: flex;
-    visibility: visible;
-  }
-  app-mobile-menu {
-    display: none;
-    visibility: hidden;
-  }
-  .app-layout {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: 0;
-    padding: 0;
-    grid-template-columns: 40px calc(100% - 40px);
-    grid-template-rows: auto 1fr;
-    grid-template-areas:
-      "app-header app-header"
-      "app-aside app-main";
-  }
-
-  .documentation .app-layout,
-  .app-layout:has(app-drawer[open]) {
-    grid-template-columns: 280px calc(100% - 280px);
-  }
-
-  .app-aside,
-  .app-main {
-    overflow-y: auto;
-  }
-}
-
-.app-main {
-  grid-area: app-main;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: row;
-  background-color: var(--app-background);
-  max-width: calc(100vw - 280px); 
-
-  > .doc,
-  > .content {
-    flex: 1;
-  }
-}
-
-.documentation .content {
-  display: flex;
-  flex-direction: row;
-
-  margin: 0;
-  margin-top: 2em;
-  justify-content: space-between;
-  gap: 1em;
-  > * {
-    margin: 0;
-    padding: 0;
-  }
-  > .doc-wrapper {
-    flex: 1;
-
-    max-width: 100vw;
-
-    > .doc {
-      color: var(--doc-color);
-      background-color: var(--doc-background);
-      line-height: 2;
-
-      margin: 0 auto;
-      width: 100%;
-      max-width: 900px;
-      min-height: calc(100vh - 86px);
-      padding: 1em;
-
-      a {
-        color: var(--sys-color-primary);
-        text-decoration: underline;
-        &:hover {
-          color: var(--sys-color-primary-variant-dim);
-        }
-      }
-    }
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .doc-wrapper {
-    max-width: calc(100vw - 2em);
-  }
-}
-
-app-drawer:not([closed])::part(header) {
-  background-color: var(--sys-color-dark-surface-dim);
-}
-
-app-drawer:not(:defined) > * {
-  display: none;
-}
-
-::part(drawer-toggle),
-app-drawer:not([closed])::part(header) {
-  background-color: var(--sys-color-dark-surface-dim);
-  color: var(--sys-color-on-dark-surface-emphasis);
-}
-
-
-#exampleContent {
-  overflow-y: auto;
-  height: calc(100vh - var(--header-height) - var(--app-drawer-header-height));
-}
-
-#DocumentationHeader,
-#ExampleHeader {
-  font-size: 1em;
-  font-weight: 500;
-  padding-left: var(--example-drawer-padding, 2em);
-}
-
-::part(tab-bar) {
-  padding: 0.2em;
-  border: 0;
-  border-radius: 0;
-}
-
-::part(preview-toolbar) {
-  background-color: var(--doc-background);
-  color: var(--doc-color);
-}
-
-h1 {
-  color: var(--sys-color-primary-variant);
-  font-weight: 200;
-  display: block;
-  border-bottom: 1px solid var(--sys-color-primary-variant-dim);
-  padding-bottom: 1em;
-  margin-bottom: 1em;
-}
-
-
-
-/* app-playground > div {
-  border-bottom: solid 1px #ddd;
-  overflow: hidden;
-} */
-
-
-/* playground-preview {
-  height: 100%;
-} */
-
-/* .playground .app-playground-tab-bar{
-  height: 50px;
-}
-
-.playground .app-playground{
-  height: 100%;
-}
-
-.playground  playground-file-editor{
-  height: 100%;
-} */
-
-app-playground{
-  height: 400px;
-}
-
-.playground  app-playground{
-  width: 100%;
-  height: 100%;
-}
-
-/**
- * VS theme by Andrew Lock (https://andrewlock.net)
- * Inspired by Visual Studio syntax coloring
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-  color: #393a34;
-  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
-    monospace;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  font-size: 0.9em;
-  line-height: 1.2em;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre > code[class*="language-"] {
-  font-size: 1em;
-}
-
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
-  /* background: #C1DEF1; */
-}
-
-pre[class*="language-"]::selection,
-pre[class*="language-"] ::selection,
-code[class*="language-"]::selection,
-code[class*="language-"] ::selection {
-  /* background: #C1DEF1; */
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-  /* border: 1px solid #dddddd; */
-  /* background-color: white; */
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
-  padding: 0.2em;
-  padding-top: 1px;
-  padding-bottom: 1px;
-  background: #f8f8f8;
-  border: 1px solid #dddddd;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.token.namespace {
-  opacity: 0.7;
-}
-
-.token.string {
-  color: #a31515;
-}
-
-.token.punctuation,
-.token.operator {
-  color: #393a34; /* no highlight */
-}
-
-.token.url,
-.token.symbol,
-.token.number,
-.token.boolean,
-.token.variable,
-.token.constant,
-.token.inserted {
-  color: #36acaa;
-}
-
-.token.atrule,
-.token.keyword,
-.token.attr-value,
-.language-autohotkey .token.selector,
-.language-json .token.boolean,
-.language-json .token.number,
-code[class*="language-css"] {
-  color: #0000ff;
-}
-
-.token.function {
-  color: #393a34;
-}
-
-.token.deleted,
-.language-autohotkey .token.tag {
-  color: #9a050f;
-}
-
-.token.selector,
-.language-autohotkey .token.keyword {
-  color: #00009f;
-}
-
-.token.important {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.class-name,
-.language-json .token.property {
-  color: #2b91af;
-}
-
-.token.tag,
-.token.selector {
-  color: #800000;
-}
-
-.token.attr-name,
-.token.property,
-.token.regex,
-.token.entity {
-  color: #ff0000;
-}
-
-.token.directive.tag .tag {
-  background: #ffff00;
-  color: #393a34;
-}
-
-/* overrides color-values for the Line Numbers plugin
-  * http://prismjs.com/plugins/line-numbers/
-  */
-.line-numbers.line-numbers .line-numbers-rows {
-  border-right-color: #a5a5a5;
-}
-
-.line-numbers .line-numbers-rows > span:before {
-  color: #2b91af;
-}
-
-/* overrides color-values for the Line Highlight plugin
- * http://prismjs.com/plugins/line-highlight/
- */
-.line-highlight.line-highlight {
-  background: rgba(193, 222, 241, 0.2);
-  background: -webkit-linear-gradient(
-    left,
-    rgba(193, 222, 241, 0.2) 70%,
-    rgba(221, 222, 241, 0)
-  );
-  background: linear-gradient(
-    to right,
-    rgba(193, 222, 241, 0.2) 70%,
-    rgba(221, 222, 241, 0)
-  );
-}
-
-html[theme="dark"] {
-
-
-  /**
- * Nord Theme Originally by Arctic Ice Studio
- * https://nordtheme.com
- *
- * Ported for PrismJS by Zane Hitchcoxc (@zwhitchcox) and Gabriel Ramos (@gabrieluizramos)
- */
-
-  code[class*="language-"],
-  pre[class*="language-"] {
-    color: #f8f8f2;
-    background: none;
-    font-family: "Fira Code", Consolas, Monaco, "Andale Mono", "Ubuntu Mono",
-      monospace;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-  }
-
-  /* Code blocks */
-  pre[class*="language-"] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-    border-radius: 0.3em;
-  }
-
-  :not(pre) > code[class*="language-"],
-  pre[class*="language-"] {
-    /* background: #2E3440; */
-  }
-
-  /* Inline code */
-  :not(pre) > code[class*="language-"] {
-    padding: 0.1em;
-    border-radius: 0.3em;
-    white-space: normal;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #636f88;
-  }
-
-  .token.punctuation {
-    color: #81a1c1;
-  }
-
-  .namespace {
-    opacity: 0.7;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    color: #81a1c1;
-  }
-
-  .token.number {
-    color: #b48ead;
-  }
-
-  .token.boolean {
-    color: #81a1c1;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #a3be8c;
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string,
-  .token.variable {
-    color: #81a1c1;
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.function,
-  .token.class-name {
-    color: #88c0d0;
-  }
-
-  .token.keyword {
-    color: #81a1c1;
-  }
-
-  .token.regex,
-  .token.important {
-    color: #ebcb8b;
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: bold;
-  }
-
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-}
-

package/docs/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "target": "ES6",
-    "useDefineForClassFields": false,
-    "module": "ES2020",
-    "lib": ["ES2020", "DOM", "dom.iterable"],
-    "jsx": "react",
-    "jsxFactory": "Maquette.h",
-    "moduleResolution": "Node",
-    "strict": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "noImplicitReturns": true,
-    "skipLibCheck": true,
-    "strictNullChecks": false
-  },
-  "include": ["src"]
-}