@solid-design-system/styles 1.5.5 → 2.0.0-next.0

package/dist-versioned/modules/media.css

@@ -1,33 +1,13 @@
-/**
- * Generates basic styles for media elements.
- * @name sd-1-5-5-media
- * @status stable
- * @since 2.5.0
- * @boolean sd-1-5-5-media--inverted Inverts the figcaption text.
- */
-
-.sd-1-5-5-prose figure,
-figure.sd-1-5-5-media {
-
-    margin: var(--sd-spacing-0, 0px) /* No spacing (manually added) */
-}
-
-.sd-1-5-5-prose figure figcaption, figure.sd-1-5-5-media figcaption {
-
-    
-
-    color: rgb(var(--sd-color-neutral-700, 104 104 104) / var(--tw-text-opacity, 1)) /* Additional text color */
-}
-
-.sd-1-5-5-prose figure figcaption:last-child, figure.sd-1-5-5-media figcaption:last-child {
-
-    margin-top: var(--sd-spacing-3, 0.75rem) /* 12px */
-}
-
-.sd-1-5-5-prose--inverted figure figcaption, figure.sd-1-5-5-media--inverted figcaption {
-
-    
-
-    color: rgb(var(--sd-color-primary-400, 153 171 208) / var(--tw-text-opacity, 1)) /* Additional text inverted color
-Used for inverted pressed interaction text link */
-}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.sd-2-0-0-next-0-prose figure, figure.sd-2-0-0-next-0-media {
+  margin: calc(var(--sd-spacing-1) * 0);
+}
+.sd-2-0-0-next-0-prose figure figcaption, figure.sd-2-0-0-next-0-media figcaption {
+    color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
+  }
+.sd-2-0-0-next-0-prose figure figcaption:last-child, figure.sd-2-0-0-next-0-media figcaption:last-child {
+      margin-top: var(--sd-spacing-3);
+    }
+.sd-2-0-0-next-0-prose--inverted figure figcaption, figure.sd-2-0-0-next-0-media--inverted figcaption {
+    color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
+  }

package/dist-versioned/modules/meta.css

@@ -1,49 +1,47 @@
-/**
- * Meta information like file size, date, or whatever is needed.
- * @name sd-1-5-5-meta
- * @status stable
- * @since 1.7
- * @variant { sm } sd-1-5-5-meta--size-... The size. Small can be used as an alternative in tight spaces.
- * @boolean sd-1-5-5-meta--inverted Inverts the meta element.
- * @boolean sd-1-5-5-meta--pipe Adds a pipe right from the meta element.
- * @boolean sd-1-5-5-meta--light Makes sd-1-5-5-meta light.
- */
-
-.sd-1-5-5-meta {
-      font-size: var(--sd-font-size-base, 1rem) /* 16px */;
-      font-weight: 400;
-      line-height: var(--sd-line-height-none, 100%) /* Used for buttons, input fields etc. */;
-      
-      color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */;
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+.sd-2-0-0-next-0-meta {
+  font-size: var(--sd-text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  --tw-leading: 1;
+  line-height: 1;
+  --tw-font-weight: var(--sd-font-weight-normal);
+  font-weight: var(--sd-font-weight-normal);
+  color: var(--sd-color-text-black, var(--sd-color-black));
 }
-
-.sd-1-5-5-meta--size-sm {
-      font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
-}
-
-.sd-1-5-5-meta--light {
-      
-      color: rgb(var(--sd-color-neutral-700, 104 104 104) / var(--tw-text-opacity, 1)) /* Additional text color */;
-}
-
-.sd-1-5-5-meta--inverted {
-      
-      color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */;
+.sd-2-0-0-next-0-meta--size-sm {
+    font-size: var(--sd-text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  }
+.sd-2-0-0-next-0-meta--light {
+    color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
+  }
+.sd-2-0-0-next-0-meta--inverted {
+    color: var(--sd-color-text-white, var(--sd-color-white));
+  }
+.sd-2-0-0-next-0-meta--inverted.sd-2-0-0-next-0-meta--light {
+      color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
+    }
+.sd-2-0-0-next-0-meta--pipe::after {
+      content: '|';
+      margin-inline: var(--sd-spacing-1);
+    }
+.sd-2-0-0-next-0-meta--pipe.sd-2-0-0-next-0-meta--size-sm::after {
+        margin-inline: var(--sd-spacing-0\.5);
+      }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
 }
-
-.sd-1-5-5-meta--inverted.sd-1-5-5-meta--light {
-      
-      color: rgb(var(--sd-color-primary-400, 153 171 208) / var(--tw-text-opacity, 1)) /* Additional text inverted color
-Used for inverted pressed interaction text link */;
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
 }
-
-.sd-1-5-5-meta--pipe::after {
-      content: '|';
-      margin-left: var(--sd-spacing-1, 0.25rem) /* 4px */;
-      margin-right: var(--sd-spacing-1, 0.25rem) /* 4px */;
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
     }
-
-.sd-1-5-5-meta--pipe.sd-1-5-5-meta--size-sm::after {
-      margin-left: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
-      margin-right: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
+  }
 }