@digigov/css 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/css",
-  "version": "2.0.0-b15d5d44",
+  "version": "2.0.0-b19b7fe2",
   "description": "Digigov CSS - Tailwind CSS Components",
   "author": "GRNET Devs <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -39,7 +39,7 @@
     ]
   },
   "devDependencies": {
-    "@digigov/cli": "2.0.0-b15d5d44",
+    "@digigov/cli": "2.0.0-b19b7fe2",
     "autoprefixer": "10.4.16",
     "postcss-cli": "8.3.0",
     "postcss-import": "13.0.0",
@@ -48,16 +48,16 @@
     "tailwindcss": "3.4.13",
     "nodemon": "2.0.7",
     "next": "13.1.1",
-    "@digigov/postcss-banner": "1.0.5-b15d5d44",
-    "@digigov/cli-build-tailwind": "2.0.0-b15d5d44",
+    "@digigov/postcss-banner": "1.0.5-b19b7fe2",
+    "@digigov/cli-build-tailwind": "2.0.0-b19b7fe2",
     "rimraf": "3.0.2",
     "publint": "0.1.8",
     "stylelint": "15.11.0",
-    "stylelint-plugin-digigov": "1.1.0-b15d5d44",
+    "stylelint-plugin-digigov": "1.1.0-b19b7fe2",
     "prettier": "3.4.2"
   },
   "dependencies": {
-    "@digigov/theme-default": "1.0.0-b15d5d44",
+    "@digigov/theme-default": "1.0.0-b19b7fe2",
     "@fontsource/roboto": "4.4.0",
     "cssnano": "4.1.10",
     "publint": "0.1.8",

package/src/components/form.css

@@ -219,7 +219,7 @@
   &.ds-grid {
     @apply grid gap-4;
     .ds-fieldset {
-      @apply grid gap-4 grid-cols-12;
+      @apply grid gap-4;
       :not(.ds-field) {
         @apply col-span-12;
       }

package/src/components/notification-banner.css

@@ -24,8 +24,7 @@
       }
     }
   }
-  &.ds-notification-banner--error,
-  &.ds-notification-banner--error-group {
+  &.ds-notification-banner--error {
     @apply util-notification-banner--error;
     .ds-notification-banner__link {
       &:link:not(:focus) {
@@ -33,23 +32,6 @@
       }
     }
   }
-  &.ds-notification-banner--error-group {
-    @apply border-0 border-l-5;
-    .ds-notification-error-group-banner__content {
-      @apply flex gap-3 w-full p-3 md:p-4 bg-base-200 print:bg-white;
-      .ds-notification-banner__icon--error-group {
-        @apply text-base-content-invert font-bold bg-error text-3xl leading-10 text-center 
-          rounded-3xl md:min-h-10 min-w-10 h-fit
-          print:bg-white print:border-2 print:border-base-content print:text-base-content;
-      }
-    }
-    .ds-notification-banner__text-error-group {
-      @apply mt-1;
-      .ds-list {
-        @apply mb-2;
-      }
-    }
-  }
 }
 .ds-notification-banner__header {
   @apply text-white p-0 m-0 text-base md:text-lg

package/src/components/skeleton.css

@@ -1,8 +1,9 @@
-@import './skeleton.common.css';
-
 .ds-skeleton {
-  @apply util-skeleton block h-auto rounded-sm;
+  @apply block bg-base-300 h-auto w-full max-w-full rounded-sm;
+
+  /* max-width: 105ch; */
   &.ds-skeleton--text {
+    /* @apply text-lg; */
     &::before {
       content: '\00a0';
       visibility: hidden;
@@ -25,15 +26,16 @@
     }
   }
   &.ds-skeleton--circular {
-    @apply util-skeleton--circular;
+    border-radius: 50%;
   }
   &.ds-skeleton--rectangular {
-    @apply util-skeleton--rectangular;
   }
   &.ds-skeleton--button {
-    @apply util-skeleton--button py-3 w-fit;
+    @apply mb-8 w-fit min-h-10 md:min-h-12 px-6 py-3
+    border-b-2 border-gray-400
+    flex items-center justify-center;
     .ds-skeleton__line {
-      @apply util-skeleton__line visible;
+      @apply block bg-base-400 w-full max-w-full max-h-full visible;
       &::before {
         content: '\00a0';
       }
@@ -48,6 +50,7 @@
     @apply w-fit;
   }
   &.ds-skeleton--animate {
+    /* @apply animate-pulse; */
     position: relative;
     overflow: hidden;
     mask-image: radial-gradient(white, black);

package/src/components/warning-text.css

@@ -15,9 +15,9 @@
   .ds-warning-text__content {
     @apply flex items-center;
   }
-}
-.ds-warning-text__assistive {
-  @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
-  clip: rect(0 0 0 0) !important;
-  clip-path: inset(50%) !important;
+  .ds-warning-text__assistive {
+    @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
+    clip: rect(0 0 0 0) !important;
+    clip-path: inset(50%) !important;
+  }
 }

package/src/index.native.css

@@ -22,4 +22,3 @@
 @import './components/loader.native';
 @import './components/stack.native';
 @import './components/chip.native';
-@import './components/skeleton.native';

package/src/components/skeleton.common.css

@@ -1,20 +0,0 @@
-@tailwind utilities;
-
-@layer utilities {
-  .util-skeleton {
-    @apply bg-base-300 w-full max-w-full;
-  }
-  .util-skeleton--circular {
-    @apply rounded-full;
-  }
-  .util-skeleton--rectangular {
-    @apply h-4;
-  }
-  .util-skeleton--button {
-    @apply mb-8 min-h-10 md:min-h-12 px-6 
-    border-b-2 border-gray-400 flex items-center justify-center;
-  }
-  .util-skeleton__line {
-    @apply bg-base-400 w-full max-w-full max-h-full;
-  }
-}

package/src/components/skeleton.native.css

@@ -1,53 +0,0 @@
-@import './skeleton.common.css';
-
-.ds-skeleton {
-  @apply util-skeleton min-h-8 flex-1 rounded-md;
-}
-.ds-skeleton--text {
-  @apply flex-1 h-4;
-}
-.ds-skeleton--font-xs {
-  @apply h-4 mb-3 !important;
-}
-.ds-skeleton--font-sm {
-  @apply h-6 mb-4 !important;
-}
-.ds-skeleton--font-md {
-  @apply h-10 mb-5 !important;
-}
-.ds-skeleton--font-lg {
-  @apply h-14 mb-6 !important;
-}
-.ds-skeleton--font-xl {
-  @apply h-16 mb-8 !important;
-}
-.ds-skeleton--circular {
-  @apply util-skeleton--circular;
-}
-.ds-skeleton--rectangular {
-  @apply util-skeleton--rectangular;
-}
-.ds-skeleton--button {
-  @apply util-skeleton--button py-6;
-}
-.ds-skeleton__line {
-  @apply util-skeleton__line h-4;
-}
-.ds-skeleton__line--size-default {
-  @apply h-4 w-36;
-}
-.ds-skeleton--width-fit-content {
-  @apply flex-1;
-}
-.ds-skeleton--animate {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-@keyframes pulse {
-  0%,
-  100% {
-    @apply opacity-100;
-  }
-  50% {
-    @apply opacity-50;
-  }
-}