@triptease/stylesheet 2.0.2 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/blocks.css +33 -1
  3. package/dist/compositions.css +1 -1
  4. package/dist/exceptions.css +1 -1
  5. package/dist/lit/triptease.d.ts +2 -0
  6. package/dist/lit/triptease.js +1509 -0
  7. package/dist/triptease.css +33 -1
  8. package/dist/utilities.css +1 -1
  9. package/package.json +13 -3
package/dist/base.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v2.0.2
2
+ * @triptease/stylesheet v2.1.1
3
3
  */
4
4
  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500') layer(base);
5
5
  @import url('https://fonts.googleapis.com/css?family=Inter:300,500,600,700') layer(base);
package/dist/blocks.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v2.0.2
2
+ * @triptease/stylesheet v2.1.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -315,6 +315,38 @@ th {
315
315
  &:first-child {
316
316
  text-align: left;
317
317
  }
318
+
319
+ &[data-sort-key] {
320
+ cursor: pointer;
321
+
322
+ &::after {
323
+ content: "";
324
+ display: inline-block;
325
+ width: 1em;
326
+ height: 1em;
327
+ vertical-align: middle;
328
+ margin-inline-start: 0.25em;
329
+ background-color: currentColor;
330
+ -webkit-mask-size: contain;
331
+ mask-size: contain;
332
+ -webkit-mask-repeat: no-repeat;
333
+ mask-repeat: no-repeat;
334
+ -webkit-mask-position: center;
335
+ mask-position: center;
336
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.5 4.707C15.914 4.707 16.25 5.043 16.25 5.457V17.147l1.22-1.22a.75.75 0 0 1 1.06 1.06L15.5 20.018l-3.03-3.03a.75.75 0 0 1 1.06-1.06l1.22 1.22V5.457c0-.414.336-.75.75-.75ZM11.53 7.427a.75.75 0 0 1-1.06 1.06L9.25 7.268V18.957a.75.75 0 0 1-1.5 0V7.268L6.53 8.487a.75.75 0 0 1-1.06-1.06L8.5 4.396l3.03 3.03Z' fill='white'/%3E%3C/svg%3E");
337
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.5 4.707C15.914 4.707 16.25 5.043 16.25 5.457V17.147l1.22-1.22a.75.75 0 0 1 1.06 1.06L15.5 20.018l-3.03-3.03a.75.75 0 0 1 1.06-1.06l1.22 1.22V5.457c0-.414.336-.75.75-.75ZM11.53 7.427a.75.75 0 0 1-1.06 1.06L9.25 7.268V18.957a.75.75 0 0 1-1.5 0V7.268L6.53 8.487a.75.75 0 0 1-1.06-1.06L8.5 4.396l3.03 3.03Z' fill='white'/%3E%3C/svg%3E");
338
+ }
339
+ }
340
+
341
+ &[aria-sort="ascending"]::after {
342
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.573 10.988a.75.75 0 0 1-1.06 0L12.793 7.268v11.69a.75.75 0 0 1-1.5 0V7.268l-3.72 3.72a.75.75 0 0 1-1.06-1.061l5.53-5.53 5.53 5.53a.75.75 0 0 1 0 1.06Z' fill='white'/%3E%3C/svg%3E");
343
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.573 10.988a.75.75 0 0 1-1.06 0L12.793 7.268v11.69a.75.75 0 0 1-1.5 0V7.268l-3.72 3.72a.75.75 0 0 1-1.06-1.061l5.53-5.53 5.53 5.53a.75.75 0 0 1 0 1.06Z' fill='white'/%3E%3C/svg%3E");
344
+ }
345
+
346
+ &[aria-sort="descending"]::after {
347
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.513 13.013a.75.75 0 0 1 1.06 0l3.72 3.72V5.043a.75.75 0 0 1 1.5 0v11.69l3.72-3.72a.75.75 0 0 1 1.06 1.06l-5.53 5.531-5.53-5.53a.75.75 0 0 1 0-1.061Z' fill='white'/%3E%3C/svg%3E");
348
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.513 13.013a.75.75 0 0 1 1.06 0l3.72 3.72V5.043a.75.75 0 0 1 1.5 0v11.69l3.72-3.72a.75.75 0 0 1 1.06 1.06l-5.53 5.531-5.53-5.53a.75.75 0 0 1 0-1.061Z' fill='white'/%3E%3C/svg%3E");
349
+ }
318
350
  }
319
351
 
320
352
  td {
package/dist/compositions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v2.0.2
2
+ * @triptease/stylesheet v2.1.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
package/dist/exceptions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v2.0.2
2
+ * @triptease/stylesheet v2.1.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
package/dist/lit/triptease.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { CSSResult } from 'lit';
2
+ export declare const styles: CSSResult;