@egovernments/digit-ui-components-css 0.0.1 → 0.0.2-beta.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "0.0.1",
+  "version": "0.0.2-beta.10",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",
@@ -12,6 +12,7 @@
   },
   "scripts": {
     "start": "gulp build",
+    "build": "NODE_ENV=production gulp build",
     "build:prod": "NODE_ENV=production gulp build",
     "prepublish": "yarn build:prod",
     "publish:css-develop": "npm publish --tag core-v0.1",
@@ -62,6 +63,7 @@
     "egov",
     "dpg",
     "digit-ui",
-    "css"
+    "css",
+    "digit-ui-components"
   ]
 }

package/src/digitv2/components/backLinkV2.scss

@@ -0,0 +1,37 @@
+.digit-back-link {
+    gap: theme(digitv2.spacers.spacer1);
+    display: flex;
+    align-items: center;
+
+    .digit-back-link-icon {
+        flex-shrink: 0;
+        width: theme(digitv2.spacers.spacer6);
+        height: theme(digitv2.spacers.spacer6);
+        cursor: pointer;
+
+        @media (max-width: 30rem) {
+            width: theme(digitv2.spacers.spacer5);
+            height: theme(digitv2.spacers.spacer5);
+        }
+
+    }
+
+    .digit-back-link-label {
+        @extend .typography.body-l;
+        color: theme(digitv2.lightTheme.primary-1);
+        margin-top:0.063rem;
+        cursor: pointer;
+    }
+
+    &.disabled{
+        pointer-events: none;
+        .digit-back-link-label{
+            color: theme(digitv2.lightTheme.text-disabled);
+            cursor: default;
+        }
+
+        .digit-back-link-icon{
+            cursor: default;
+        }
+    }
+}

package/src/digitv2/components/breadcrumbV2.scss

@@ -0,0 +1,57 @@
+@import url("../index.scss");
+@import url("../typography.scss");
+
+.digit-bread-crumb {
+    display: flex;
+    gap: theme(digitv2.spacers.spacer2);
+    height: 1.375rem;
+    padding: unset;
+}
+
+.digit-bread-crumb--item {
+    display: flex;
+    gap: theme(digitv2.spacers.spacer2);
+
+
+    button {
+        outline: none;
+    }
+
+
+    .digit-bread-crumb-content {
+        @extend .typography.body-s;
+        display: flex !important;
+        gap: theme(digitv2.spacers.spacer1);
+        cursor: pointer;
+        text-decoration: none;
+
+        svg {
+            width: theme(digitv2.spacers.spacer5);
+            height: theme(digitv2.spacers.spacer5);
+        }
+
+        color: theme(digitv2.lightTheme.primary-1);
+
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    span {
+        cursor: pointer;
+    }
+
+    .digit-bread-crumb-content.current,
+    .digit-bread-crumb-seperator {
+        @extend .typography.body-s;
+        color: theme(digitv2.lightTheme.text-secondary);
+        text-decoration: none;
+        cursor: default;
+    }
+
+}
+
+ol,
+ul {
+    list-style: none;
+}

package/src/digitv2/components/buttonsV2.scss

@@ -404,4 +404,23 @@
 
 .digit-submit-bar:focus {
   @apply outline-none !important;
+}
+
+.digit-buttons-group {
+  display: flex;
+  flex-direction: row;
+  height: fit-content;
+  gap:theme(digitv2.spacers.spacer4);
+
+  @media (max-width: 30rem) {
+    flex-direction: column;
+
+    button{
+      width: 100%;
+    }
+  }
+
+  button{
+    flex: 1;
+  }
 }