@triptease/stylesheet 1.0.6 → 1.1.0

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 (7) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/blocks.css +4 -13
  3. package/dist/compositions.css +1 -1
  4. package/dist/exceptions.css +10 -1
  5. package/dist/triptease.css +12 -13
  6. package/dist/utilities.css +1 -1
  7. package/package.json +1 -1
package/dist/base.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.0.6
2
+ * @triptease/stylesheet v1.1.0
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 v1.0.6
2
+ * @triptease/stylesheet v1.1.0
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -70,25 +70,16 @@
70
70
 
71
71
  @layer blocks {
72
72
 
73
- .card {
73
+ .card,
74
+ .card-dataview {
74
75
  border-radius: var(--border-radius-100);
75
76
  border: 1px solid var(--color-border-100);
76
- background-color: var(--color-surface-100);
77
- box-shadow: 0 2px 0 0 var(--color-border-200);
78
- padding: var(--card-padding, var(--space-scale-3));
79
- display: flex;
80
- flex-direction: column;
81
- gap: var(--card-vertical-spacing, var(--space-scale-3));
82
- }
83
-
84
- [class*='card'] {
85
77
  background-color: var(--color-surface-100);
86
78
  box-shadow: var(--box-shadow-lg);
79
+ padding: var(--card-padding, var(--space-scale-3));
87
80
  display: flex;
88
81
  flex-direction: column;
89
82
  gap: var(--card-vertical-spacing, var(--space-scale-1));
90
-
91
- padding: var(--card-padding, var(--space-scale-3));
92
83
  font-size: var(--font-size-200);
93
84
  font-weight: var(--font-weight-normal);
94
85
  line-height: 1.5;
package/dist/compositions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.0.6
2
+ * @triptease/stylesheet v1.1.0
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 v1.0.6
2
+ * @triptease/stylesheet v1.1.0
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -7,3 +7,12 @@
7
7
  */
8
8
 
9
9
  /* noinspection CssInvalidAtRule */
10
+
11
+ @layer exceptions {
12
+ /**
13
+ Hide web components until they are defined
14
+ */
15
+ :is(tt-combobox, tt-navbar, tt-date-picker, tt-date-range-picker):not(:defined) {
16
+ visibility: hidden;
17
+ }
18
+ }
package/dist/triptease.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.0.6
2
+ * @triptease/stylesheet v1.1.0
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);
@@ -930,25 +930,16 @@ body {
930
930
  }
931
931
  @layer blocks{
932
932
 
933
- .card {
933
+ .card,
934
+ .card-dataview {
934
935
  border-radius: var(--border-radius-100);
935
936
  border: 1px solid var(--color-border-100);
936
- background-color: var(--color-surface-100);
937
- box-shadow: 0 2px 0 0 var(--color-border-200);
938
- padding: var(--card-padding, var(--space-scale-3));
939
- display: flex;
940
- flex-direction: column;
941
- gap: var(--card-vertical-spacing, var(--space-scale-3));
942
- }
943
-
944
- [class*='card'] {
945
937
  background-color: var(--color-surface-100);
946
938
  box-shadow: var(--box-shadow-lg);
939
+ padding: var(--card-padding, var(--space-scale-3));
947
940
  display: flex;
948
941
  flex-direction: column;
949
942
  gap: var(--card-vertical-spacing, var(--space-scale-1));
950
-
951
- padding: var(--card-padding, var(--space-scale-3));
952
943
  font-size: var(--font-size-200);
953
944
  font-weight: var(--font-weight-normal);
954
945
  line-height: 1.5;
@@ -1170,3 +1161,11 @@ tfoot {
1170
1161
  }
1171
1162
  /* noinspection CssInvalidAtRule */
1172
1163
  /* noinspection CssInvalidAtRule */
1164
+ @layer exceptions{
1165
+ /**
1166
+ Hide web components until they are defined
1167
+ */
1168
+ :is(tt-combobox, tt-navbar, tt-date-picker, tt-date-range-picker):not(:defined) {
1169
+ visibility: hidden;
1170
+ }
1171
+ }
package/dist/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.0.6
2
+ * @triptease/stylesheet v1.1.0
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@triptease/stylesheet",
3
- "version": "1.0.6",
3
+ "version": "1.1.0",
4
4
  "description": "The stylesheet for the Triptease design system",
5
5
  "main": "dist/triptease.css",
6
6
  "type": "module",