@entit/digit-ui-css 1.5.6 → 2.0.1

package/package.json

@@ -1,64 +1,64 @@
-{
-  "name": "@entit/digit-ui-css",
-  "version": "1.5.6",
-  "license": "MIT",
-  "main": "dist/index.css",
-  "engines": {
-    "node": ">=10"
-  },
-  "cssConfig": {
-    "prefix": ""
-  },
-  "scripts": {
-    "start": "gulp build",
-    "build:prod": "NODE_ENV=production gulp build",
-    "prepublish": "yarn build:prod",
-    "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example",
-    "publish:css": "cd packages/css && yarn publish --access public"
-  },
-  "browserslist": [
-    "> 3%",
-    "last 2 versions"
-  ],
-  "style": "./dist/index.css",
-  "dependencies": {
-    "@entit/digit-ui-css": "^1.5.6",
-    "node-sass": "4.14.1",
-    "normalize.css": "8.0.1",
-    "postcss-scss": "3.0.5",
-    "tailwindcss": "1.9.6"
-  },
-  "devDependencies": {
-    "autoprefixer": "10.4.4",
-    "cssnano": "4.1.11",
-    "gh-pages": "3.2.3",
-    "gulp": "4.0.2",
-    "gulp-clean": "0.4.0",
-    "gulp-clean-css": "4.3.0",
-    "gulp-livereload": "4.0.2",
-    "gulp-postcss": "9.0.1",
-    "gulp-rename": "2.0.0",
-    "gulp-sass": "4.1.1",
-    "postcss": "8.4.12",
-    "postcss-cli": "8.3.1",
-    "postcss-header": "2.0.0",
-    "postcss-import": "12.0.1",
-    "postcss-prefixer": "2.1.3",
-    "postcss-preset-env": "6.7.1",
-    "postcss-scss": "3.0.5",
-    "sass": "1.49.11"
-  },
-  "files": [
-    "dist/index.min.css",
-    "dist/index.css",
-    "svg/**/*.svg",
-    "img/**/*.png",
-    "src/**/*.scss",
-    "src/**/*.css"
-  ],
-  "directories": {
-    "example": "example"
-  },
-  "author": "",
-  "description": ""
-}
+{
+  "name": "@entit/digit-ui-css",
+  "version": "2.0.1",
+  "license": "MIT",
+  "main": "dist/index.css",
+  "engines": {
+    "node": ">=10"
+  },
+  "cssConfig": {
+    "prefix": ""
+  },
+  "scripts": {
+    "start": "gulp build",
+    "build:prod": "gulp build",
+    "prepublish": "yarn build:prod",
+    "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example",
+    "publish:css": "cd packages/css && yarn publish --access public"
+  },
+  "browserslist": [
+    "> 3%",
+    "last 2 versions"
+  ],
+  "style": "./dist/index.css",
+  "dependencies": {
+    "@entit/digit-ui-css": "9.6.1",
+    "node-sass": "4.14.1",
+    "normalize.css": "8.0.1",
+    "postcss-scss": "3.0.5",
+    "tailwindcss": "1.9.6"
+  },
+  "devDependencies": {
+    "autoprefixer": "10.4.4",
+    "cssnano": "4.1.11",
+    "gh-pages": "3.2.3",
+    "gulp": "4.0.2",
+    "gulp-clean": "0.4.0",
+    "gulp-clean-css": "4.3.0",
+    "gulp-livereload": "4.0.2",
+    "gulp-postcss": "9.0.1",
+    "gulp-rename": "2.0.0",
+    "gulp-sass": "4.1.1",
+    "postcss": "8.4.12",
+    "postcss-cli": "8.3.1",
+    "postcss-header": "2.0.0",
+    "postcss-import": "12.0.1",
+    "postcss-prefixer": "2.1.3",
+    "postcss-preset-env": "6.7.1",
+    "postcss-scss": "3.0.5",
+    "sass": "1.49.11"
+  },
+  "files": [
+    "dist/index.min.css",
+    "dist/index.css",
+    "svg/**/*.svg",
+    "img/**/*.png",
+    "src/**/*.scss",
+    "src/**/*.css"
+  ],
+  "directories": {
+    "example": "example"
+  },
+  "author": "",
+  "description": ""
+}

package/src/components/CardBasedOptions.scss

@@ -1,45 +1,45 @@
-.CardBasedOptions{
-    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
-    @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
-    .headContent{
-        @apply flex justify-between mb-lg;
-        h2{
-            @apply text-heading-s font-bold text-text-primary;
-        }
-        p{
-            @apply text-link text-primary-main font-medium cursor-pointer;
-        }
-    }
-
-    .mainContent{
-        @apply flex justify-evenly;
-        .CardBasedOptionsMainChildOption{
-            width: 25%;
-            @apply text-center;
-            .ChildOptionImageWrapper{
-                margin: auto !important;
-                background: rgba(244, 119, 56, 0.12);
-                mix-blend-mode: normal;
-                padding-top: 14px;
-                @apply h-12 w-12 rounded-full cursor-pointer;
-                svg{
-                    height: 20px;
-                    width: 20px;
-                    fill: #F47738;
-                    margin: auto;
-                }
-            }
-            .ChildOptionName{
-                font-size: 12px;
-                line-height: 14px;
-            }
-        }
-    }
-}
-
-@screen dt{
-    .CardBasedOptions{
-        width: calc( 50% - 16px );
-        @apply p-md;
-    }
+.CardBasedOptions{
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
+    @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
+    .headContent{
+        @apply flex justify-between mb-lg;
+        h2{
+            @apply text-heading-s font-bold text-text-primary;
+        }
+        p{
+            @apply text-link text-primary-main font-medium cursor-pointer;
+        }
+    }
+
+    .mainContent{
+        @apply flex justify-evenly;
+        .CardBasedOptionsMainChildOption{
+            width: 25%;
+            @apply text-center;
+            .ChildOptionImageWrapper{
+                margin: auto !important;
+                background: rgba(244, 119, 56, 0.12);
+                mix-blend-mode: normal;
+                padding-top: 14px;
+                @apply h-12 w-12 rounded-full cursor-pointer;
+                svg{
+                    height: 20px;
+                    width: 20px;
+                    fill: #F47738;
+                    margin: auto;
+                }
+            }
+            .ChildOptionName{
+                font-size: 12px;
+                line-height: 14px;
+            }
+        }
+    }
+}
+
+@screen dt{
+    .CardBasedOptions{
+        width: calc( 50% - 16px );
+        @apply p-md;
+    }
 }

package/src/components/CitizenHomeCard.scss

@@ -1,47 +1,47 @@
-.CitizenHomeCard{
-
-    @apply bg-white mx-md p-md mb-lg;
-
-    .header{
-        @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
-
-        svg{
-            width: 33px;
-            height: 33px;
-        }
-    }
-
-    .links{
-        @apply text-heading-s text-primary-main;
-
-        a{
-            @apply block pb-sm;
-        }
-    }
-}
-
-@screen dt{
-
-    .citizenAllServiceGrid{
-        @apply grid grid-cols-2 gap-4;
-      }
-
-    .CitizenHomeCard{
-       
-        min-width: 40%;
-        margin-left: 0;
-        @apply inline-block mr-lg p-lg align-top;
-        .header{
-            @apply pb-lg text-heading-l-dt;
-            svg{
-                @apply w-12 h-12;
-            }
-        }
-    
-        .links{
-            a{
-                @apply pb-md
-            }
-        }
-    }
+.CitizenHomeCard{
+
+    @apply bg-white mx-md p-md mb-lg;
+
+    .header{
+        @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
+
+        svg{
+            width: 33px;
+            height: 33px;
+        }
+    }
+
+    .links{
+        @apply text-heading-s text-primary-main;
+
+        a{
+            @apply block pb-sm;
+        }
+    }
+}
+
+@screen dt{
+
+    .citizenAllServiceGrid{
+        @apply grid grid-cols-2 gap-4;
+      }
+
+    .CitizenHomeCard{
+       
+        min-width: 40%;
+        margin-left: 0;
+        @apply inline-block mr-lg p-lg align-top;
+        .header{
+            @apply pb-lg text-heading-l-dt;
+            svg{
+                @apply w-12 h-12;
+            }
+        }
+    
+        .links{
+            a{
+                @apply pb-md
+            }
+        }
+    }
 }

package/src/components/EllipsisMenu.scss

@@ -1,17 +1,17 @@
-.ellipsis-menu-wrap{
-    @apply relative;
-    
-    .menu{
-        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-        @apply absolute right-0 bg-white z-30;
-        .item{
-            @apply flex items-center justify-between p-sm;
-            &:hover{
-                @apply bg-grey-mid cursor-pointer;
-            }
-            svg {
-              margin-right: 10px;
-            }
-        }
-    }
+.ellipsis-menu-wrap{
+    @apply relative;
+    
+    .menu{
+        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+        @apply absolute right-0 bg-white z-30;
+        .item{
+            @apply flex items-center justify-between p-sm;
+            &:hover{
+                @apply bg-grey-mid cursor-pointer;
+            }
+            svg {
+              margin-right: 10px;
+            }
+        }
+    }
 }

package/src/components/EventCalendarView.scss

@@ -1,10 +1,10 @@
-.EventCalendarView{
-    .MonthViewInEventCalendar{
-        @apply bg-primary-main text-legend text-white font-medium text-center py-sm;
-    }
-
-    .DateViewInEventCalendar{
-        @apply bg-grey-mid text-heading-l font-bold text-primary-main text-center py-md;
-    }
-
+.EventCalendarView{
+    .MonthViewInEventCalendar{
+        @apply bg-primary-main text-legend text-white font-medium text-center py-sm;
+    }
+
+    .DateViewInEventCalendar{
+        @apply bg-grey-mid text-heading-l font-bold text-primary-main text-center py-md;
+    }
+
 }

package/src/components/OnGroundEventCard.scss

@@ -1,72 +1,72 @@
-.OnGroundEventCard{
-    box-shadow: 0px 1px 2px 0px #00000029;
-    @apply bg-white mx-sm mb-md p-md cursor-pointer;
-
-    .EventCalendarView{
-        width: 100px;
-        @apply inline-block mr-md;
-    }
-
-    .EventDetails{
-        width: calc( 100% - 116px );
-        @apply inline-block align-top;
-
-        h2{
-            @apply text-caption-m font-bold mb-md text-text-primary;
-        }
-
-        .EventLocation{
-            @apply flex mb-md;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-    
-        .EventTime{
-            @apply flex ;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-
-        .EventCategory{
-            p{
-                @apply text-body-s text-text-primary ;
-            }
-        }
-
-    }
-
-
-}
-
-@screen dt{
-    .OnGroundEventCard{
-        .EventDetails{
-            .EventLocation{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-        
-            .EventTime{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-            .EventCategory{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-        }
-    }
+.OnGroundEventCard{
+    box-shadow: 0px 1px 2px 0px #00000029;
+    @apply bg-white mx-sm mb-md p-md cursor-pointer;
+
+    .EventCalendarView{
+        width: 100px;
+        @apply inline-block mr-md;
+    }
+
+    .EventDetails{
+        width: calc( 100% - 116px );
+        @apply inline-block align-top;
+
+        h2{
+            @apply text-caption-m font-bold mb-md text-text-primary;
+        }
+
+        .EventLocation{
+            @apply flex mb-md;
+            svg{
+                @apply h-4 w-4;
+            }
+            p{
+                @apply text-body-s text-text-primary ml-sm;
+            }
+        }
+    
+        .EventTime{
+            @apply flex ;
+            svg{
+                @apply h-4 w-4;
+            }
+            p{
+                @apply text-body-s text-text-primary ml-sm;
+            }
+        }
+
+        .EventCategory{
+            p{
+                @apply text-body-s text-text-primary ;
+            }
+        }
+
+    }
+
+
+}
+
+@screen dt{
+    .OnGroundEventCard{
+        .EventDetails{
+            .EventLocation{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+        
+            .EventTime{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+    
+            .EventCategory{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+    
+        }
+    }
 }

package/src/components/PageBasedInput.scss

@@ -1,23 +1,23 @@
-.PageBasedInputWrapper{
-    .SubmitBar{
-        z-index: 60;
-        @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
-    }
-    .SubmitBarInCardInDesktopView{
-        @apply hidden;
-    }
-    label{
-        margin-left: 0 !important;
-    }
-}
-
-@screen dt{
-    .PageBasedInputWrapper{
-        .SubmitBar{
-            @apply hidden;
-        }
-        .SubmitBarInCardInDesktopView{
-            @apply block;
-        }
-    }
+.PageBasedInputWrapper{
+    .SubmitBar{
+        z-index: 60;
+        @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
+    }
+    .SubmitBarInCardInDesktopView{
+        @apply hidden;
+    }
+    label{
+        margin-left: 0 !important;
+    }
+}
+
+@screen dt{
+    .PageBasedInputWrapper{
+        .SubmitBar{
+            @apply hidden;
+        }
+        .SubmitBarInCardInDesktopView{
+            @apply block;
+        }
+    }
 }

package/src/components/PopupHeadingLabel.scss

@@ -1,15 +1,15 @@
-.popupModalHeading{
-    @apply flex gap-3 mb-lg;
-    .headingIconAndLabel{
-        @apply flex gap-3 items-center;
-        svg{
-            @apply w-6 h-4;
-        }
-        h3{
-            @apply text-heading-l font-bold;
-        }
-    }
-    .popupResetFormButton{
-        @apply p-sm border border-solid border-text-primary border-opacity-25 self-center;
-    }
+.popupModalHeading{
+    @apply flex gap-3 mb-lg;
+    .headingIconAndLabel{
+        @apply flex gap-3 items-center;
+        svg{
+            @apply w-6 h-4;
+        }
+        h3{
+            @apply text-heading-l font-bold;
+        }
+    }
+    .popupResetFormButton{
+        @apply p-sm border border-solid border-text-primary border-opacity-25 self-center;
+    }
 }