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

package/cdn/modules/table-cell.css

@@ -1 +1,170 @@
-.sd-prose td,.sd-prose th,.sd-table-cell{border-style:solid;border-width:1px 0;--tw-border-opacity:1;background-color:transparent;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));font-size:var(--sd-font-size-sm,.875rem);padding:var(--sd-spacing-4,1rem);text-align:left;--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-table-cell--divider{border-right-width:1px}.sd-table-cell--shadow-bottom:after,.sd-table-cell--shadow-left:after,.sd-table-cell--shadow-right:after,.sd-table-cell--shadow-top:after{pointer-events:none;position:absolute;--tw-gradient-from:rgb(0 0 0/var(--sd-opacity-10,0.1)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);opacity:var(--sd-opacity-0,0);transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-content:"";content:var(--tw-content)}.sd-table-cell--shadow-bottom:after,.sd-table-cell--shadow-top:after{height:var(--sd-spacing-2-5,.625rem);left:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0)}.sd-table-cell--shadow-bottom:before,.sd-table-cell--shadow-top:before{border-width:.5px;display:block;height:1px;left:var(--sd-spacing-0,0);position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));--tw-content:"";content:var(--tw-content)}.sd-table-cell--shadow-left:after,.sd-table-cell--shadow-right:after{bottom:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);width:var(--sd-spacing-2-5,.625rem)}.sd-table-cell.sd-table-cell--shadow-active:after{opacity:100%}.sd-table-cell--shadow-top:after{background-image:linear-gradient(to top,var(--tw-gradient-stops));top:-10px}.sd-table-cell--shadow-top:before{bottom:-1px}.sd-table-cell--shadow-bottom:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));bottom:-10px}.sd-table-cell--shadow-bottom:before{top:-1px}.sd-table-cell--shadow-left:after{background-image:linear-gradient(to left,var(--tw-gradient-stops));left:-10px}.sd-table-cell--shadow-right:after{background-image:linear-gradient(to right,var(--tw-gradient-stops));right:-10px}.sd-table-cell--bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-table-cell--bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.sd-table-cell--bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+.sd-prose td, .sd-prose th, .sd-table-cell {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: 0px;
+  border-block-style: var(--tw-border-style);
+  border-block-width: 1px;
+  --tw-border-style: solid;
+  border-style: solid;
+  border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+  background-color: transparent;
+  padding: var(--sd-spacing-4);
+  text-align: left;
+  font-size: var(--sd-text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  color: var(--sd-color-text-black, var(--sd-color-black));
+}
+.sd-table-cell--divider {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+.sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
+      pointer-events: none;
+      position: absolute;
+      --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
+      --tw-gradient-to: transparent;
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+      opacity: var(--sd-opacity-0);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+.sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
+      right: calc(var(--sd-spacing-1) * 0);
+      left: calc(var(--sd-spacing-1) * 0);
+      height: calc(var(--sd-spacing-1) * 2.5);
+    }
+.sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
+      position: absolute;
+      left: calc(var(--sd-spacing-1) * 0);
+      display: block;
+      height: 1px;
+      width: 100%;
+      border-style: var(--tw-border-style);
+      border-width: 0.5px;
+      border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+.sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
+      top: calc(var(--sd-spacing-1) * 0);
+      bottom: calc(var(--sd-spacing-1) * 0);
+      width: calc(var(--sd-spacing-1) * 2.5);
+    }
+.sd-table-cell.sd-table-cell--shadow-active:after {
+    opacity: 100%;
+  }
+.sd-table-cell--shadow-top:after {
+      top: -10px;
+      --tw-gradient-position: to top in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-top:before {
+      bottom: -1px;
+    }
+.sd-table-cell--shadow-bottom:after {
+      bottom: -10px;
+      --tw-gradient-position: to bottom in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-bottom:before {
+      top: -1px;
+    }
+.sd-table-cell--shadow-left:after {
+      left: -10px;
+      --tw-gradient-position: to left in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-right:after {
+      right: -10px;
+      --tw-gradient-position: to right in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--bg-white {
+      background-color: var(--sd-color-background-white, var(--sd-color-white));
+    }
+.sd-table-cell--bg-primary-100 {
+      background-color: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
+    }
+.sd-table-cell--bg-neutral-100 {
+      background-color: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
+    }
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
+@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-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-duration: initial;
+      --tw-content: "";
+    }
+  }
+}

package/cdn/modules/table.css

@@ -1 +1,31 @@
-.sd-prose table,.sd-table{all:unset;border-collapse:collapse;display:table;--tw-border-spacing-x:var(--sd-spacing-0,0px);--tw-border-spacing-y:var(--sd-spacing-0,0px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.sd-prose table tfoot tr:first-of-type,.sd-prose table thead tr:first-of-type,.sd-table tfoot tr:first-of-type,.sd-table thead tr:first-of-type{position:relative}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+.sd-table, .sd-prose table {
+  all: unset;
+  display: table;
+  border-collapse: collapse;
+  --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
+  --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
+.sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
+      position: relative;
+    }
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@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-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
+    }
+  }
+}