nuudel-core 0.1.21 → 0.1.27

package/build/module/lib/widgets/styles.module.scss

@@ -0,0 +1,391 @@
+.widgetColor {
+  color: #9b9b9b;
+}
+
+.copyRightText {
+  font-size: 0.75rem;
+  text-align: center;
+}
+
+.burgerContainer {
+  position: fixed;
+  width: 38px;
+  height: 38px;
+  cursor: pointer;
+  top: 1rem;
+  left: 1.25rem;
+  z-index: 2;
+  background-color: rgba(255, 255, 255, 0.7);
+}
+.burgerMeat {
+  position: absolute;
+  width: 28px;
+  height: 2px;
+  background: #222;
+  top: calc(50% - 2px / 2);
+  left: calc(50% - 28px / 2);
+  transition: all 150ms ease-in;
+}
+.firstMeat {
+  transform: translateY(-10px);
+}
+.secondMeat {
+  width: calc(28px - 6px);
+}
+.thirdMeat {
+  transform: translateY(10px);
+}
+.burgerActive {
+  .burgerMeat-1 {
+    transform: rotate(45deg);
+  }
+  .burgerMeat-2 {
+    opacity: 0;
+  }
+  .burgerMeat-3 {
+    transform: rotate(-45deg);
+  }
+}
+
+@media (min-width: 769px) {
+  .burgerContainer {
+    display: none;
+  }
+}
+
+.widgetLayoutRoot {
+  display: block;
+  padding: 4rem 0;
+  box-sizing: border-box;
+  height: 100%;
+  main {
+    display: flex;
+    min-height: 100%;
+  }
+}
+@media (min-width: 769px) {
+  .widgetLayoutRoot {
+    display: flex;
+    flex: 1 0 auto;
+    main {
+      flex: 1 0 auto;
+    }
+  }
+}
+
+.widgetNavigationContainer {
+  width: 0;
+  ul {
+    opacity: 0;
+    width: 100%;
+    height: 100vh;
+    text-align: right;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    top: 0;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    z-index: 1;
+    transform: translateY(100%);
+    transition: opacity 200ms;
+  }
+  li {
+    margin-bottom: 1.75rem;
+    font-size: 2rem;
+    padding: 0 1.5rem 0 0;
+  }
+  li:last-child {
+    margin-bottom: 0;
+  }
+  .active {
+    color: #222;
+  }
+}
+.widgetNavigationContainer.widgetNavigationActive ul {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+@media (min-width: 769px) {
+  .widgetNavigationContainer {
+    width: 7rem;
+    display: block;
+    ul {
+      opacity: 1;
+      width: 7rem;
+      top: auto;
+      display: block;
+      transform: translateY(0);
+    }
+    li {
+      font-size: 1rem;
+      padding: 0;
+    }
+  }
+}
+
+ul.widgetPagination {
+  list-style: none;
+  margin: 3rem 0 0 0;
+  padding: 0;
+  li {
+    display: inline-block;
+    margin-right: 1em;
+    color: #9b9b9b;
+    font-size: 1.25rem;
+  }
+  a.active {
+    color: #222;
+    font-weight: bold;
+  }
+}
+
+a.widgetPost {
+  color: #222;
+  display: inline-block;
+  h2 {
+    margin: 0;
+    font-weight: 500;
+  }
+}
+
+.widgetPostContent {
+  color: #222;
+  font-weight: 200;
+}
+.widgetPostContainer {
+  display: block;
+  max-width: 36rem;
+  width: 100%;
+  margin: 0 auto;
+  padding: 0 1.5rem;
+  box-sizing: border-box;
+  z-index: 0;
+  article {
+    flex: 1 0 auto;
+  }
+  h1 {
+    margin: 0 0 0.5rem;
+    font-size: 2.25rem;
+  }
+  .tag-list {
+    list-style: none;
+    text-align: right;
+    margin: 1.75rem 0 0 0;
+    padding: 0;
+  }
+  .tag-list li {
+    display: inline-block;
+    margin-left: 0.5rem;
+  }
+  .social-list {
+    margin-top: 3rem;
+    text-align: center;
+  }
+}
+.widgetPostMetadata div {
+  display: inline-block;
+  margin-right: 0.5rem;
+}
+
+@media (min-width: 769px) {
+  .widgetPostContainer {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.widgetPostListContainer {
+  display: flex;
+  margin: 0 auto;
+  max-width: 1200px;
+  width: 100%;
+  padding: 0 1.5rem;
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    list-style: none;
+  }
+  .widgetPosts {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+  }
+  .widgetPosts li {
+    margin-bottom: 1.5rem;
+  }
+  .widgetPostList {
+    flex: 1 0 auto;
+  }
+  .widgetPostCategories {
+    display: none;
+  }
+  .widgetPostCategories li {
+    margin-bottom: 0.75em;
+  }
+}
+
+@media (min-width: 769px) {
+  .categories {
+    display: block;
+  }
+}
+.widgetSocialList {
+  a {
+    display: inline-block;
+  }
+  a:not(:last-child) {
+    margin-right: 2em;
+  }
+}
+
+a.widgetTagButton {
+  display: inline-block;
+  border-radius: 3px;
+  background-color: rgba(21, 132, 125, 0.2);
+  color: #15847d;
+  transition: background-color 0.3s ease;
+  padding: 0.25em 0.5em;
+
+  :active,
+  :hover {
+    background-color: rgba(21, 132, 125, 0.4);
+  }
+}
+
+.widgetTagPostContainer {
+  margin: 0 auto;
+  max-width: 1200px;
+  width: 100%;
+  padding: 0 1.5rem;
+  display: flex;
+  flex-direction: column;
+  h1 {
+    margin: 0 0 2rem;
+    padding: 0;
+    font-weight: 100;
+    font-size: 1.75rem;
+    color: #9b9b9b;
+  }
+  h1 span {
+    font-weight: bold;
+    color: #222;
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    flex: 1 0 auto;
+  }
+  li {
+    list-style: none;
+    margin-bottom: 1.5rem;
+  }
+}
+
+@media (min-width: 769px) {
+  .widgetTagPostContainer > h1 {
+    font-size: 2rem;
+  }
+}
+
+/* Syntax highlighting */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata,
+.token.plain-text {
+  color: #6a737d;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword,
+.token.operator {
+  color: #d73a49;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #22863a;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #032f62;
+}
+
+.token.function,
+.token.class-name {
+  color: #6f42c1;
+}
+
+/* language-specific */
+
+.language-jsx .token.punctuation,
+.language-jsx .token.tag .token.punctuation,
+.language-jsx .token.tag .token.script,
+.language-jsx .token.plain-text {
+  color: #24292e;
+}
+
+.language-jsx .token.tag .token.attr-name {
+  color: #6f42c1;
+}
+
+.language-jsx .token.tag .token.class-name {
+  color: #005cc5;
+}
+
+.language-jsx .token.tag .token.script-punctuation,
+.language-jsx .token.attr-value .token.punctuation:first-child {
+  color: #d73a49;
+}
+
+.language-jsx .token.attr-value {
+  color: #032f62;
+}
+
+.language-jsx span[class='comment'] {
+  color: pink;
+}
+
+/* HTML */
+.language-html .token.tag .token.punctuation {
+  color: #24292e;
+}
+
+.language-html .token.tag .token.attr-name {
+  color: #6f42c1;
+}
+
+.language-html .token.tag .token.attr-value,
+.language-html
+  .token.tag
+  .token.attr-value
+  .token.punctuation:not(:first-child) {
+  color: #032f62;
+}
+
+/* CSS */
+.language-css .token.selector {
+  color: #6f42c1;
+}
+
+.language-css .token.property {
+  color: #005cc5;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuudel-core",
-  "version": "0.1.21",
+  "version": "0.1.27",
   "description": "Web components for react with material UI",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
@@ -24,7 +24,7 @@
     "build:main": "tsc -p tsconfig.json",
     "build:module": "tsc -p tsconfig.module.json",
     "prebuild": "tsm src",
-    "postbuild": "cpy --cwd=src --parents '**/*.scss' ../build/module/ && cpy --cwd=src --parents '**/*.scss' ../main/module/",
+    "postbuild": "cpy --cwd=src --parents '**/*.scss' ../build/module/ && cpy --cwd=src --parents '**/*.scss' ../build/main/",
     "fix": "run-s fix:*",
     "fix:prettier": "prettier \"src/**/*.ts\" --write",
     "fix:lint": "eslint src --ext .ts --fix",
@@ -60,19 +60,22 @@
     "graphql-2-json-schema": "0.2.0",
     "material-ui-chip-input": "^1.1.0",
     "next-with-apollo": "^5.2.1",
-    "nuudel-utils": "^0.1.14",
+    "nuudel-utils": "^0.1.20",
     "pica": "^9.0.1",
     "react-device-detect": "^2.1.2",
     "react-dropzone": "^11.5.1",
     "react-google-recaptcha-v3": "^1.9.7",
     "react-number-format": "^4.9.1",
     "react-redux": "^7.2.6",
-    "redux": "^4.1.2",
-    "swiper": "^7.4.1"
+    "react-schemaorg": "^1.3.3",
+    "schema-dts": "^0.8.3",
+    "redux": "^4.1.2"
   },
   "devDependencies": {
     "@apollo/react-hooks": "^4.0.0",
     "@ava/typescript": "^1.1.1",
+    "@ckeditor/ckeditor5-build-classic": "^28.0.0",
+    "@ckeditor/ckeditor5-react": "^3.0.2",
     "@istanbuljs/nyc-config-typescript": "^1.0.1",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",