@triptease/stylesheet 1.4.6 → 1.4.7

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 +37 -37
  3. package/dist/compositions.css +1 -1
  4. package/dist/exceptions.css +1 -1
  5. package/dist/triptease.css +37 -37
  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.4.6
2
+ * @triptease/stylesheet v1.4.7
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.4.6
2
+ * @triptease/stylesheet v1.4.7
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -10,47 +10,47 @@
10
10
 
11
11
  @layer blocks {
12
12
  .badge {
13
- display: inline-block;
14
- width: -moz-fit-content;
15
- width: fit-content;
16
- height: -moz-fit-content;
17
- height: fit-content;
18
- border-radius: var(--border-radius-50);
19
- padding: 0 var(--space-scale-1);
20
- font-weight: var(--font-weight-normal);
21
- font-size: var(--font-size-200);
22
- line-height: var(--font-line-height-200);
23
- background-color: var(--color-surface-300);
24
- color: var(--color-text-400);
13
+ display: inline-block;
14
+ width: -moz-fit-content;
15
+ width: fit-content;
16
+ height: -moz-fit-content;
17
+ height: fit-content;
18
+ border-radius: var(--border-radius-50);
19
+ padding: 0 var(--space-scale-1);
20
+ font-weight: var(--font-weight-normal);
21
+ font-size: var(--font-size-200);
22
+ line-height: var(--font-line-height-200);
23
+ background-color: var(--color-surface-300);
24
+ color: var(--color-text-400);
25
25
 
26
- &[data-theme='subtle'] {
27
- background-color: var(--color-surface-200);
28
- }
26
+ &[data-theme='subtle'] {
27
+ background-color: var(--color-surface-200);
28
+ }
29
29
 
30
- &[data-theme='danger'] {
31
- background-color: var(--color-alert-subtle);
32
- color: var(--color-alert-strong);
33
- }
30
+ &[data-theme='danger'] {
31
+ background-color: var(--color-alert-subtle);
32
+ color: var(--color-alert-strong);
33
+ }
34
34
 
35
- &[data-theme='success'] {
36
- background-color: var(--color-success-subtle);
37
- color: var(--color-success-strong);
38
- }
35
+ &[data-theme='success'] {
36
+ background-color: var(--color-success-subtle);
37
+ color: var(--color-success-strong);
38
+ }
39
39
 
40
- &[data-theme='warning'] {
41
- background-color: var(--color-warning-subtle);
42
- color: var(--color-warning-strong);
43
- }
40
+ &[data-theme='warning'] {
41
+ background-color: var(--color-warning-subtle);
42
+ color: var(--color-warning-strong);
43
+ }
44
44
 
45
- &[data-theme='info'] {
46
- background-color: var(--color-info-subtle);
47
- color: var(--color-info-strong);
48
- }
45
+ &[data-theme='info'] {
46
+ background-color: var(--color-info-subtle);
47
+ color: var(--color-info-strong);
48
+ }
49
49
 
50
- &[data-theme='primary'] {
51
- background-color: var(--color-primary-100);
52
- color: var(--color-primary-400);
53
- }
50
+ &[data-theme='primary'] {
51
+ background-color: var(--color-primary-100);
52
+ color: var(--color-primary-400);
53
+ }
54
54
  }
55
55
  }
56
56
 
@@ -58,7 +58,7 @@
58
58
  .banner {
59
59
  display: grid;
60
60
  gap: var(--space-scale-1);
61
- grid-template-columns: min-content 1fr min-content;
61
+ grid-template-columns: min-content 1fr max-content;
62
62
  grid-template-areas: 'icon body action';
63
63
  align-items: center;
64
64
  padding: var(--space-scale-1) var(--space-scale-2);
package/dist/compositions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.6
2
+ * @triptease/stylesheet v1.4.7
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.4.6
2
+ * @triptease/stylesheet v1.4.7
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
package/dist/triptease.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.6
2
+ * @triptease/stylesheet v1.4.7
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);
@@ -1192,54 +1192,54 @@ body {
1192
1192
  /* noinspection CssInvalidAtRule */
1193
1193
  @layer blocks{
1194
1194
  .badge {
1195
- display: inline-block;
1196
- width: -moz-fit-content;
1197
- width: fit-content;
1198
- height: -moz-fit-content;
1199
- height: fit-content;
1200
- border-radius: var(--border-radius-50);
1201
- padding: 0 var(--space-scale-1);
1202
- font-weight: var(--font-weight-normal);
1203
- font-size: var(--font-size-200);
1204
- line-height: var(--font-line-height-200);
1205
- background-color: var(--color-surface-300);
1206
- color: var(--color-text-400);
1195
+ display: inline-block;
1196
+ width: -moz-fit-content;
1197
+ width: fit-content;
1198
+ height: -moz-fit-content;
1199
+ height: fit-content;
1200
+ border-radius: var(--border-radius-50);
1201
+ padding: 0 var(--space-scale-1);
1202
+ font-weight: var(--font-weight-normal);
1203
+ font-size: var(--font-size-200);
1204
+ line-height: var(--font-line-height-200);
1205
+ background-color: var(--color-surface-300);
1206
+ color: var(--color-text-400);
1207
1207
 
1208
- &[data-theme='subtle'] {
1209
- background-color: var(--color-surface-200);
1210
- }
1208
+ &[data-theme='subtle'] {
1209
+ background-color: var(--color-surface-200);
1210
+ }
1211
1211
 
1212
- &[data-theme='danger'] {
1213
- background-color: var(--color-alert-subtle);
1214
- color: var(--color-alert-strong);
1215
- }
1212
+ &[data-theme='danger'] {
1213
+ background-color: var(--color-alert-subtle);
1214
+ color: var(--color-alert-strong);
1215
+ }
1216
1216
 
1217
- &[data-theme='success'] {
1218
- background-color: var(--color-success-subtle);
1219
- color: var(--color-success-strong);
1220
- }
1217
+ &[data-theme='success'] {
1218
+ background-color: var(--color-success-subtle);
1219
+ color: var(--color-success-strong);
1220
+ }
1221
1221
 
1222
- &[data-theme='warning'] {
1223
- background-color: var(--color-warning-subtle);
1224
- color: var(--color-warning-strong);
1225
- }
1222
+ &[data-theme='warning'] {
1223
+ background-color: var(--color-warning-subtle);
1224
+ color: var(--color-warning-strong);
1225
+ }
1226
1226
 
1227
- &[data-theme='info'] {
1228
- background-color: var(--color-info-subtle);
1229
- color: var(--color-info-strong);
1230
- }
1227
+ &[data-theme='info'] {
1228
+ background-color: var(--color-info-subtle);
1229
+ color: var(--color-info-strong);
1230
+ }
1231
1231
 
1232
- &[data-theme='primary'] {
1233
- background-color: var(--color-primary-100);
1234
- color: var(--color-primary-400);
1235
- }
1232
+ &[data-theme='primary'] {
1233
+ background-color: var(--color-primary-100);
1234
+ color: var(--color-primary-400);
1235
+ }
1236
1236
  }
1237
1237
  }
1238
1238
  @layer blocks{
1239
1239
  .banner {
1240
1240
  display: grid;
1241
1241
  gap: var(--space-scale-1);
1242
- grid-template-columns: min-content 1fr min-content;
1242
+ grid-template-columns: min-content 1fr max-content;
1243
1243
  grid-template-areas: 'icon body action';
1244
1244
  align-items: center;
1245
1245
  padding: var(--space-scale-1) var(--space-scale-2);
package/dist/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.6
2
+ * @triptease/stylesheet v1.4.7
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.4.6",
3
+ "version": "1.4.7",
4
4
  "description": "The stylesheet for the Triptease design system",
5
5
  "main": "dist/triptease.css",
6
6
  "type": "module",