@42mo/42mo-web-styles - npm Package Compare versions

Comparing version 0.0.33 to 0.0.34

cloudformation/README.md

@@ -0,0 +0,0 @@ ### Autodeployment roles (deployer role and application role)

cloudformation/s3-access/README.md

@@ -0,0 +0,0 @@ # Deployer S3 access roles

cloudformation/s3-access/staging/access.parameters.json

@@ -0,0 +0,0 @@ [

cloudformation/s3-bucket/README.md

@@ -0,0 +0,0 @@ # S3 bucket

cloudformation/s3-bucket/staging/public_bucket.parameters.json

@@ -0,0 +0,0 @@ [

deploy.config.json

@@ -0,0 +0,0 @@ {

dist/js/script.js

@@ -0,0 +0,0 @@

lib/wcs/date-picker.js

@@ -156,5 +156,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     /* Add your custom styles here */
+      
+      
     :host {
       display: inline-block;
       position: relative;
+
+      //--wc-date-picker-selected-day-bgcol: #3f51b5;
+      --wc-date-picker-selected-day-col: white;
+      --wc-date-picker-weekdays-col: #757575;
+      --wc-date-picker-day-font-size: 11px;
+      --wc-date-picker-day-font-weight: 400;
+      --wc-date-picker-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+      --wc-date-picker-border: 1px solid rgba(0, 0, 0, 0.12);
+      --wc-date-picker-border-radius: 4px;
+      --wc-date-picker-bgcol: white;
     }
@@ -169,6 +181,6 @@
       z-index: 1;
-      background-color: white;
-      border: 1px solid rgba(0, 0, 0, 0.12);
-      border-radius: 4px;
-      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+      background-color: var(--wc-date-picker-bgcol);
+      border: var(--wc-date-picker-border);
+      border-radius: var(--wc-date-picker-border-radius);
+      box-shadow: var(--wc-date-picker-box-shadow);
       display: none;
@@ -212,3 +224,2 @@ width: 296px;
       text-align: center;
-      outline: none;
       font-family: inherit;
@@ -225,4 +236,4 @@ margin: 0;
     .date-picker-day.selected {
-      background-color: #3f51b5;
-      color: white;
+      background-color: var(--wc-date-picker-selected-day-bgcol, #3f51b5);
+      color: var(--wc-date-picker-selected-day-col);
     }
@@ -251,5 +262,5 @@
         justify-content: space-between;
-        color: #757575;
-        font-size: 11px;
-        font-weight: 400;
+        color: var(--wc-date-picker-weekdays-col);
+        font-size: var(--wc-date-picker-day-font-size);
+        font-weight: var(--wc-date-picker-day-font-weight);
         text-align: center;
@@ -274,3 +285,2 @@ padding: 12px 0;
     }
-    
     .nav-btn {
@@ -277,0 +287,0 @@ width: 40px;

lib/wcs/expandable.js

@@ -0,0 +0,0 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

npm-publish-steps.txt

 npm init --scope=42mo
 npm publish --access public

package.json

 {
   "name": "@42mo/42mo-web-styles",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "### What is it? ###",
@@ -5,0 +5,0 @@ "main": "dist/index.html",

README.md

@@ -0,0 +0,0 @@ # README #

src/wcs/lit-elements/date-picker.ts

@@ -15,5 +15,17 @@ import {html, css, LitElement} from 'lit';
     /* Add your custom styles here */
+      
+      
     :host {
       display: inline-block;
       position: relative;
+
+      //--wc-date-picker-selected-day-bgcol: #3f51b5;
+      --wc-date-picker-selected-day-col: white;
+      --wc-date-picker-weekdays-col: #757575;
+      --wc-date-picker-day-font-size: 11px;
+      --wc-date-picker-day-font-weight: 400;
+      --wc-date-picker-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+      --wc-date-picker-border: 1px solid rgba(0, 0, 0, 0.12);
+      --wc-date-picker-border-radius: 4px;
+      --wc-date-picker-bgcol: white;
     }
@@ -28,6 +40,6 @@
       z-index: 1;
-      background-color: white;
-      border: 1px solid rgba(0, 0, 0, 0.12);
-      border-radius: 4px;
-      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+      background-color: var(--wc-date-picker-bgcol);
+      border: var(--wc-date-picker-border);
+      border-radius: var(--wc-date-picker-border-radius);
+      box-shadow: var(--wc-date-picker-box-shadow);
       display: none;
@@ -71,3 +83,2 @@ width: 296px;
       text-align: center;
-      outline: none;
       font-family: inherit;
@@ -84,4 +95,4 @@ margin: 0;
     .date-picker-day.selected {
-      background-color: #3f51b5;
-      color: white;
+      background-color: var(--wc-date-picker-selected-day-bgcol, #3f51b5);
+      color: var(--wc-date-picker-selected-day-col);
     }
@@ -110,5 +121,5 @@
         justify-content: space-between;
-        color: #757575;
-        font-size: 11px;
-        font-weight: 400;
+        color: var(--wc-date-picker-weekdays-col);
+        font-size: var(--wc-date-picker-day-font-size);
+        font-weight: var(--wc-date-picker-day-font-weight);
         text-align: center;
@@ -133,3 +144,2 @@ padding: 12px 0;
     }
-    
     .nav-btn {
@@ -136,0 +146,0 @@ width: 40px;

src/wcs/lit-elements/expandable.ts

@@ -0,0 +0,0 @@

tsconfig.json

@@ -15,3 +15,11 @@ {
     "noUnusedParameters": true,
-    "noImplicitReturns": true
+    "noImplicitReturns": true,
+    "declaration": true,
+    "declarationMap": true,
+    "plugins": [
+      {
+        "name": "ts-lit-plugin",
+        "strict": true
+      }
+    ]
   },
@@ -18,0 +26,0 @@ "include": ["src/**/*.ts"],

tslint.json

 {
   "extends": ["tslint:recommended", "tslint-config-prettier"]
 }

web-dev-server.config.js

@@ -0,0 +0,0 @@ /**

web-test-runner.config.js

@@ -0,0 +0,0 @@ /**

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1487

increased by0.47%

Worsened metrics

Total package byte prevSize

2284234

decreased by-0.21%

Number of package files

61

decreased by-1.61%

No dependency changes