@triptease/stylesheet 1.4.11 → 2.0.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/_variables.css +0 -20
  2. package/dist/base.css +1 -21
  3. package/dist/blocks.css +7 -7
  4. package/dist/compositions.css +1 -1
  5. package/dist/exceptions.css +1 -1
  6. package/dist/triptease.css +7 -27
  7. package/dist/utilities.css +1 -1
  8. package/dist/web/tokens.json +65 -865
  9. package/package.json +1 -1
package/dist/_variables.css CHANGED
@@ -8,11 +8,6 @@
8
8
  --asset-font-noe-text-weight: 400;
9
9
  --asset-font-inter-name: Inter;
10
10
  --asset-font-inter-style: normal;
11
- --color-alert-100: #ffd6d6;
12
- --color-alert-200: #ff9999;
13
- --color-alert-300: #f93939;
14
- --color-alert-400: #da0707;
15
- --color-alert-500: #a80505;
16
11
  --color-alert-subtle: #ffd8eb;
17
12
  --color-alert-strong: #d02521;
18
13
  --color-border-100: #e8eaec;
@@ -30,11 +25,6 @@
30
25
  --color-text-inverted-300: #9d9cab;
31
26
  --color-text-inverted-400: #d3d3da;
32
27
  --color-text-inverted-500: #ffffff;
33
- --color-info-100: #e5f3ff;
34
- --color-info-200: #c2e3ff;
35
- --color-info-300: #8fcbff;
36
- --color-info-400: #0b99ff;
37
- --color-info-500: #007dd6;
38
28
  --color-info-subtle: #f0f8ff;
39
29
  --color-info-strong: #2475b9;
40
30
  --color-primary-100: #f3f0fa;
@@ -42,11 +32,6 @@
42
32
  --color-primary-300: #cfc6ed;
43
33
  --color-primary-400: #5e43c2;
44
34
  --color-primary-500: #4d35a1;
45
- --color-success-100: #e8f6e3;
46
- --color-success-200: #c8e9bb;
47
- --color-success-300: #a7db93;
48
- --color-success-400: #86d06d;
49
- --color-success-500: #65c345;
50
35
  --color-success-subtle: #def5d6;
51
36
  --color-success-strong: #227d02;
52
37
  --color-surface-100: #ffffff;
@@ -62,11 +47,6 @@
62
47
  --color-surface-inverted-300: #5b5974;
63
48
  --color-surface-inverted-400: #7f7d95;
64
49
  --color-surface-inverted-500: #acaabc;
65
- --color-warning-100: #ffedd6;
66
- --color-warning-200: #ffe0b8;
67
- --color-warning-300: #ffce8f;
68
- --color-warning-400: #ffb95e;
69
- --color-warning-500: #ff9d1f;
70
50
  --color-warning-subtle: #ffedd6;
71
51
  --color-warning-strong: #ac5500;
72
52
  --font-family-serif: 'Noe Text', 'PT Serif', serif;
package/dist/base.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.11
2
+ * @triptease/stylesheet v2.0.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);
@@ -15,11 +15,6 @@
15
15
  --asset-font-noe-text-weight: 400;
16
16
  --asset-font-inter-name: Inter;
17
17
  --asset-font-inter-style: normal;
18
- --color-alert-100: #ffd6d6;
19
- --color-alert-200: #ff9999;
20
- --color-alert-300: #f93939;
21
- --color-alert-400: #da0707;
22
- --color-alert-500: #a80505;
23
18
  --color-alert-subtle: #ffd8eb;
24
19
  --color-alert-strong: #d02521;
25
20
  --color-border-100: #e8eaec;
@@ -37,11 +32,6 @@
37
32
  --color-text-inverted-300: #9d9cab;
38
33
  --color-text-inverted-400: #d3d3da;
39
34
  --color-text-inverted-500: #ffffff;
40
- --color-info-100: #e5f3ff;
41
- --color-info-200: #c2e3ff;
42
- --color-info-300: #8fcbff;
43
- --color-info-400: #0b99ff;
44
- --color-info-500: #007dd6;
45
35
  --color-info-subtle: #f0f8ff;
46
36
  --color-info-strong: #2475b9;
47
37
  --color-primary-100: #f3f0fa;
@@ -49,11 +39,6 @@
49
39
  --color-primary-300: #cfc6ed;
50
40
  --color-primary-400: #5e43c2;
51
41
  --color-primary-500: #4d35a1;
52
- --color-success-100: #e8f6e3;
53
- --color-success-200: #c8e9bb;
54
- --color-success-300: #a7db93;
55
- --color-success-400: #86d06d;
56
- --color-success-500: #65c345;
57
42
  --color-success-subtle: #def5d6;
58
43
  --color-success-strong: #227d02;
59
44
  --color-surface-100: #ffffff;
@@ -69,11 +54,6 @@
69
54
  --color-surface-inverted-300: #5b5974;
70
55
  --color-surface-inverted-400: #7f7d95;
71
56
  --color-surface-inverted-500: #acaabc;
72
- --color-warning-100: #ffedd6;
73
- --color-warning-200: #ffe0b8;
74
- --color-warning-300: #ffce8f;
75
- --color-warning-400: #ffb95e;
76
- --color-warning-500: #ff9d1f;
77
57
  --color-warning-subtle: #ffedd6;
78
58
  --color-warning-strong: #ac5500;
79
59
  --font-family-serif: 'Noe Text', 'PT Serif', serif;
package/dist/blocks.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.11
2
+ * @triptease/stylesheet v2.0.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -57,17 +57,18 @@
57
57
  @layer blocks {
58
58
  .banner {
59
59
  display: grid;
60
- gap: var(--space-scale-1);
60
+ gap: var(--space-scale-0-5);
61
61
  grid-template-columns: min-content 1fr max-content;
62
62
  grid-template-areas: 'icon body action';
63
63
  align-items: center;
64
- padding: var(--space-scale-1) var(--space-scale-2);
65
- border-radius: var(--border-radius-200);
64
+ padding: var(--space-scale-1);
65
+ border-radius: var(--border-radius-100);
66
66
  color: var(--color-text-400);
67
67
  background-color: var(--color-info-subtle);
68
68
 
69
69
  .banner--body {
70
70
  grid-area: body;
71
+ font-size: var(--font-size-100);
71
72
  }
72
73
 
73
74
  .banner--action {
@@ -95,7 +96,6 @@
95
96
  background-color: var(--color-info-strong);
96
97
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75V10.25C12.75 9.83579 12.4142 9.5 12 9.5C11.5858 9.5 11.25 9.83579 11.25 10.25V15.75ZM12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75C11.25 8.16421 11.5858 8.5 12 8.5C12.4142 8.5 12.75 8.16421 12.75 7.75Z" fill="currentColor"/> </svg>');
97
98
  mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75V10.25C12.75 9.83579 12.4142 9.5 12 9.5C11.5858 9.5 11.25 9.83579 11.25 10.25V15.75ZM12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75C11.25 8.16421 11.5858 8.5 12 8.5C12.4142 8.5 12.75 8.16421 12.75 7.75Z" fill="currentColor"/> </svg>');
98
- align-self: start;
99
99
  }
100
100
 
101
101
  &[data-theme='warning'] {
@@ -115,8 +115,8 @@
115
115
 
116
116
  &::before {
117
117
  background-color: var(--color-alert-strong);
118
- -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/> </svg>');
119
- mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/> </svg>');
118
+ -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75V13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25V7.75ZM12.75 15.75C12.75 16.1642 12.4142 16.5 12 16.5C11.5858 16.5 11.25 16.1642 11.25 15.75C11.25 15.3358 11.5858 15 12 15C12.4142 15 12.75 15.3358 12.75 15.75Z" fill="currentColor"/> </svg>');
119
+ mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75V13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25V7.75ZM12.75 15.75C12.75 16.1642 12.4142 16.5 12 16.5C11.5858 16.5 11.25 16.1642 11.25 15.75C11.25 15.3358 11.5858 15 12 15C12.4142 15 12.75 15.3358 12.75 15.75Z" fill="currentColor"/> </svg>');
120
120
  }
121
121
  }
122
122
  }
package/dist/compositions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.11
2
+ * @triptease/stylesheet v2.0.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 v1.4.11
2
+ * @triptease/stylesheet v2.0.1
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.11
2
+ * @triptease/stylesheet v2.0.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);
@@ -15,11 +15,6 @@
15
15
  --asset-font-noe-text-weight: 400;
16
16
  --asset-font-inter-name: Inter;
17
17
  --asset-font-inter-style: normal;
18
- --color-alert-100: #ffd6d6;
19
- --color-alert-200: #ff9999;
20
- --color-alert-300: #f93939;
21
- --color-alert-400: #da0707;
22
- --color-alert-500: #a80505;
23
18
  --color-alert-subtle: #ffd8eb;
24
19
  --color-alert-strong: #d02521;
25
20
  --color-border-100: #e8eaec;
@@ -37,11 +32,6 @@
37
32
  --color-text-inverted-300: #9d9cab;
38
33
  --color-text-inverted-400: #d3d3da;
39
34
  --color-text-inverted-500: #ffffff;
40
- --color-info-100: #e5f3ff;
41
- --color-info-200: #c2e3ff;
42
- --color-info-300: #8fcbff;
43
- --color-info-400: #0b99ff;
44
- --color-info-500: #007dd6;
45
35
  --color-info-subtle: #f0f8ff;
46
36
  --color-info-strong: #2475b9;
47
37
  --color-primary-100: #f3f0fa;
@@ -49,11 +39,6 @@
49
39
  --color-primary-300: #cfc6ed;
50
40
  --color-primary-400: #5e43c2;
51
41
  --color-primary-500: #4d35a1;
52
- --color-success-100: #e8f6e3;
53
- --color-success-200: #c8e9bb;
54
- --color-success-300: #a7db93;
55
- --color-success-400: #86d06d;
56
- --color-success-500: #65c345;
57
42
  --color-success-subtle: #def5d6;
58
43
  --color-success-strong: #227d02;
59
44
  --color-surface-100: #ffffff;
@@ -69,11 +54,6 @@
69
54
  --color-surface-inverted-300: #5b5974;
70
55
  --color-surface-inverted-400: #7f7d95;
71
56
  --color-surface-inverted-500: #acaabc;
72
- --color-warning-100: #ffedd6;
73
- --color-warning-200: #ffe0b8;
74
- --color-warning-300: #ffce8f;
75
- --color-warning-400: #ffb95e;
76
- --color-warning-500: #ff9d1f;
77
57
  --color-warning-subtle: #ffedd6;
78
58
  --color-warning-strong: #ac5500;
79
59
  --font-family-serif: 'Noe Text', 'PT Serif', serif;
@@ -1114,17 +1094,18 @@ body {
1114
1094
  @layer blocks{
1115
1095
  .banner {
1116
1096
  display: grid;
1117
- gap: var(--space-scale-1);
1097
+ gap: var(--space-scale-0-5);
1118
1098
  grid-template-columns: min-content 1fr max-content;
1119
1099
  grid-template-areas: 'icon body action';
1120
1100
  align-items: center;
1121
- padding: var(--space-scale-1) var(--space-scale-2);
1122
- border-radius: var(--border-radius-200);
1101
+ padding: var(--space-scale-1);
1102
+ border-radius: var(--border-radius-100);
1123
1103
  color: var(--color-text-400);
1124
1104
  background-color: var(--color-info-subtle);
1125
1105
 
1126
1106
  .banner--body {
1127
1107
  grid-area: body;
1108
+ font-size: var(--font-size-100);
1128
1109
  }
1129
1110
 
1130
1111
  .banner--action {
@@ -1152,7 +1133,6 @@ body {
1152
1133
  background-color: var(--color-info-strong);
1153
1134
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75V10.25C12.75 9.83579 12.4142 9.5 12 9.5C11.5858 9.5 11.25 9.83579 11.25 10.25V15.75ZM12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75C11.25 8.16421 11.5858 8.5 12 8.5C12.4142 8.5 12.75 8.16421 12.75 7.75Z" fill="currentColor"/> </svg>');
1154
1135
  mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75V10.25C12.75 9.83579 12.4142 9.5 12 9.5C11.5858 9.5 11.25 9.83579 11.25 10.25V15.75ZM12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75C11.25 8.16421 11.5858 8.5 12 8.5C12.4142 8.5 12.75 8.16421 12.75 7.75Z" fill="currentColor"/> </svg>');
1155
- align-self: start;
1156
1136
  }
1157
1137
 
1158
1138
  &[data-theme='warning'] {
@@ -1172,8 +1152,8 @@ body {
1172
1152
 
1173
1153
  &::before {
1174
1154
  background-color: var(--color-alert-strong);
1175
- -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/> </svg>');
1176
- mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/> </svg>');
1155
+ -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75V13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25V7.75ZM12.75 15.75C12.75 16.1642 12.4142 16.5 12 16.5C11.5858 16.5 11.25 16.1642 11.25 15.75C11.25 15.3358 11.5858 15 12 15C12.4142 15 12.75 15.3358 12.75 15.75Z" fill="currentColor"/> </svg>');
1156
+ mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75V13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25V7.75ZM12.75 15.75C12.75 16.1642 12.4142 16.5 12 16.5C11.5858 16.5 11.25 16.1642 11.25 15.75C11.25 15.3358 11.5858 15 12 15C12.4142 15 12.75 15.3358 12.75 15.75Z" fill="currentColor"/> </svg>');
1177
1157
  }
1178
1158
  }
1179
1159
  }
package/dist/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.4.11
2
+ * @triptease/stylesheet v2.0.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
package/dist/web/tokens.json CHANGED
@@ -164,206 +164,6 @@
164
164
  },
165
165
  "color": {
166
166
  "alert": {
167
- "100": {
168
- "value": "#FFD6D6",
169
- "type": "color",
170
- "filePath": "tokens/src/color/alert.json",
171
- "isSource": true,
172
- "original": {
173
- "value": "#FFD6D6",
174
- "type": "color"
175
- },
176
- "name": "100 ",
177
- "attributes": {
178
- "category": "color",
179
- "type": "alert",
180
- "item": "100",
181
- "hex": "ffd6d6",
182
- "rgb": {
183
- "r": 255,
184
- "g": 214,
185
- "b": 214,
186
- "a": 1
187
- },
188
- "hsl": {
189
- "h": 0,
190
- "s": 1,
191
- "l": 0.919607843137255,
192
- "a": 1
193
- },
194
- "hsv": {
195
- "h": 0,
196
- "s": 0.16078431372549018,
197
- "v": 1,
198
- "a": 1
199
- }
200
- },
201
- "path": [
202
- "color",
203
- "alert",
204
- "100"
205
- ]
206
- },
207
- "200": {
208
- "value": "#FF9999",
209
- "type": "color",
210
- "filePath": "tokens/src/color/alert.json",
211
- "isSource": true,
212
- "original": {
213
- "value": "#FF9999",
214
- "type": "color"
215
- },
216
- "name": "200 ",
217
- "attributes": {
218
- "category": "color",
219
- "type": "alert",
220
- "item": "200",
221
- "hex": "ff9999",
222
- "rgb": {
223
- "r": 255,
224
- "g": 153,
225
- "b": 153,
226
- "a": 1
227
- },
228
- "hsl": {
229
- "h": 0,
230
- "s": 1,
231
- "l": 0.8,
232
- "a": 1
233
- },
234
- "hsv": {
235
- "h": 0,
236
- "s": 0.4,
237
- "v": 1,
238
- "a": 1
239
- }
240
- },
241
- "path": [
242
- "color",
243
- "alert",
244
- "200"
245
- ]
246
- },
247
- "300": {
248
- "value": "#F93939",
249
- "type": "color",
250
- "filePath": "tokens/src/color/alert.json",
251
- "isSource": true,
252
- "original": {
253
- "value": "#F93939",
254
- "type": "color"
255
- },
256
- "name": "300 ",
257
- "attributes": {
258
- "category": "color",
259
- "type": "alert",
260
- "item": "300",
261
- "hex": "f93939",
262
- "rgb": {
263
- "r": 249,
264
- "g": 57,
265
- "b": 57,
266
- "a": 1
267
- },
268
- "hsl": {
269
- "h": 0,
270
- "s": 0.9411764705882354,
271
- "l": 0.6,
272
- "a": 1
273
- },
274
- "hsv": {
275
- "h": 0,
276
- "s": 0.7710843373493976,
277
- "v": 0.9764705882352941,
278
- "a": 1
279
- }
280
- },
281
- "path": [
282
- "color",
283
- "alert",
284
- "300"
285
- ]
286
- },
287
- "400": {
288
- "value": "#DA0707",
289
- "type": "color",
290
- "filePath": "tokens/src/color/alert.json",
291
- "isSource": true,
292
- "original": {
293
- "value": "#DA0707",
294
- "type": "color"
295
- },
296
- "name": "400 ",
297
- "attributes": {
298
- "category": "color",
299
- "type": "alert",
300
- "item": "400",
301
- "hex": "da0707",
302
- "rgb": {
303
- "r": 218,
304
- "g": 7,
305
- "b": 7,
306
- "a": 1
307
- },
308
- "hsl": {
309
- "h": 0,
310
- "s": 0.9377777777777777,
311
- "l": 0.4411764705882353,
312
- "a": 1
313
- },
314
- "hsv": {
315
- "h": 0,
316
- "s": 0.9678899082568807,
317
- "v": 0.8549019607843137,
318
- "a": 1
319
- }
320
- },
321
- "path": [
322
- "color",
323
- "alert",
324
- "400"
325
- ]
326
- },
327
- "500": {
328
- "value": "#A80505",
329
- "type": "color",
330
- "filePath": "tokens/src/color/alert.json",
331
- "isSource": true,
332
- "original": {
333
- "value": "#A80505",
334
- "type": "color"
335
- },
336
- "name": "500 ",
337
- "attributes": {
338
- "category": "color",
339
- "type": "alert",
340
- "item": "500",
341
- "hex": "a80505",
342
- "rgb": {
343
- "r": 168,
344
- "g": 5,
345
- "b": 5,
346
- "a": 1
347
- },
348
- "hsl": {
349
- "h": 0,
350
- "s": 0.9421965317919074,
351
- "l": 0.3392156862745098,
352
- "a": 1
353
- },
354
- "hsv": {
355
- "h": 0,
356
- "s": 0.9702380952380951,
357
- "v": 0.6588235294117647,
358
- "a": 1
359
- }
360
- },
361
- "path": [
362
- "color",
363
- "alert",
364
- "500"
365
- ]
366
- },
367
167
  "subtle": {
368
168
  "value": "#FFD8EB",
369
169
  "type": "color",
@@ -1062,36 +862,36 @@
1062
862
  }
1063
863
  },
1064
864
  "info": {
1065
- "100": {
1066
- "value": "#E5F3FF",
865
+ "subtle": {
866
+ "value": "#F0F8FF",
1067
867
  "type": "color",
1068
868
  "filePath": "tokens/src/color/info.json",
1069
869
  "isSource": true,
1070
870
  "original": {
1071
- "value": "#E5F3FF",
871
+ "value": "#F0F8FF",
1072
872
  "type": "color"
1073
873
  },
1074
- "name": "100 ",
874
+ "name": "subtle ",
1075
875
  "attributes": {
1076
876
  "category": "color",
1077
877
  "type": "info",
1078
- "item": "100",
1079
- "hex": "e5f3ff",
878
+ "item": "subtle",
879
+ "hex": "f0f8ff",
1080
880
  "rgb": {
1081
- "r": 229,
1082
- "g": 243,
881
+ "r": 240,
882
+ "g": 248,
1083
883
  "b": 255,
1084
884
  "a": 1
1085
885
  },
1086
886
  "hsl": {
1087
- "h": 207.6923076923077,
887
+ "h": 208.00000000000003,
1088
888
  "s": 1,
1089
- "l": 0.9490196078431372,
889
+ "l": 0.9705882352941176,
1090
890
  "a": 1
1091
891
  },
1092
892
  "hsv": {
1093
- "h": 207.6923076923077,
1094
- "s": 0.10196078431372546,
893
+ "h": 208.00000000000003,
894
+ "s": 0.05882352941176472,
1095
895
  "v": 1,
1096
896
  "a": 1
1097
897
  }
@@ -1099,316 +899,116 @@
1099
899
  "path": [
1100
900
  "color",
1101
901
  "info",
1102
- "100"
902
+ "subtle"
1103
903
  ]
1104
904
  },
1105
- "200": {
1106
- "value": "#C2E3FF",
905
+ "strong": {
906
+ "value": "#2475B9",
1107
907
  "type": "color",
1108
908
  "filePath": "tokens/src/color/info.json",
1109
909
  "isSource": true,
1110
910
  "original": {
1111
- "value": "#C2E3FF",
911
+ "value": "#2475B9",
1112
912
  "type": "color"
1113
913
  },
1114
- "name": "200 ",
914
+ "name": "strong ",
1115
915
  "attributes": {
1116
916
  "category": "color",
1117
917
  "type": "info",
1118
- "item": "200",
1119
- "hex": "c2e3ff",
918
+ "item": "strong",
919
+ "hex": "2475b9",
1120
920
  "rgb": {
1121
- "r": 194,
1122
- "g": 227,
1123
- "b": 255,
921
+ "r": 36,
922
+ "g": 117,
923
+ "b": 185,
1124
924
  "a": 1
1125
925
  },
1126
926
  "hsl": {
1127
- "h": 207.54098360655738,
1128
- "s": 1,
1129
- "l": 0.8803921568627451,
927
+ "h": 207.38255033557044,
928
+ "s": 0.67420814479638,
929
+ "l": 0.43333333333333335,
1130
930
  "a": 1
1131
931
  },
1132
932
  "hsv": {
1133
- "h": 207.54098360655738,
1134
- "s": 0.23921568627450984,
1135
- "v": 1,
933
+ "h": 207.38255033557044,
934
+ "s": 0.8054054054054053,
935
+ "v": 0.7254901960784313,
1136
936
  "a": 1
1137
937
  }
1138
938
  },
1139
939
  "path": [
1140
940
  "color",
1141
941
  "info",
1142
- "200"
942
+ "strong"
1143
943
  ]
1144
- },
1145
- "300": {
1146
- "value": "#8FCBFF",
944
+ }
945
+ },
946
+ "primary": {
947
+ "100": {
948
+ "value": "#F3F0FA",
1147
949
  "type": "color",
1148
- "filePath": "tokens/src/color/info.json",
950
+ "filePath": "tokens/src/color/primary.json",
1149
951
  "isSource": true,
1150
952
  "original": {
1151
- "value": "#8FCBFF",
953
+ "value": "#F3F0FA",
1152
954
  "type": "color"
1153
955
  },
1154
- "name": "300 ",
956
+ "name": "100 ",
1155
957
  "attributes": {
1156
958
  "category": "color",
1157
- "type": "info",
1158
- "item": "300",
1159
- "hex": "8fcbff",
959
+ "type": "primary",
960
+ "item": "100",
961
+ "hex": "f3f0fa",
1160
962
  "rgb": {
1161
- "r": 143,
1162
- "g": 203,
1163
- "b": 255,
963
+ "r": 243,
964
+ "g": 240,
965
+ "b": 250,
1164
966
  "a": 1
1165
967
  },
1166
968
  "hsl": {
1167
- "h": 207.8571428571429,
1168
- "s": 1,
1169
- "l": 0.7803921568627451,
969
+ "h": 257.99999999999994,
970
+ "s": 0.5,
971
+ "l": 0.9607843137254901,
1170
972
  "a": 1
1171
973
  },
1172
974
  "hsv": {
1173
- "h": 207.8571428571429,
1174
- "s": 0.4392156862745098,
1175
- "v": 1,
975
+ "h": 257.99999999999994,
976
+ "s": 0.03999999999999997,
977
+ "v": 0.9803921568627451,
1176
978
  "a": 1
1177
979
  }
1178
980
  },
1179
981
  "path": [
1180
982
  "color",
1181
- "info",
1182
- "300"
983
+ "primary",
984
+ "100"
1183
985
  ]
1184
986
  },
1185
- "400": {
1186
- "value": "#0B99FF",
987
+ "200": {
988
+ "value": "#E8E3F6",
1187
989
  "type": "color",
1188
- "filePath": "tokens/src/color/info.json",
990
+ "filePath": "tokens/src/color/primary.json",
1189
991
  "isSource": true,
1190
992
  "original": {
1191
- "value": "#0B99FF",
993
+ "value": "#E8E3F6",
1192
994
  "type": "color"
1193
995
  },
1194
- "name": "400 ",
996
+ "name": "200 ",
1195
997
  "attributes": {
1196
998
  "category": "color",
1197
- "type": "info",
1198
- "item": "400",
1199
- "hex": "0b99ff",
999
+ "type": "primary",
1000
+ "item": "200",
1001
+ "hex": "e8e3f6",
1200
1002
  "rgb": {
1201
- "r": 11,
1202
- "g": 153,
1203
- "b": 255,
1003
+ "r": 232,
1004
+ "g": 227,
1005
+ "b": 246,
1204
1006
  "a": 1
1205
1007
  },
1206
1008
  "hsl": {
1207
- "h": 205.08196721311475,
1208
- "s": 1,
1209
- "l": 0.5215686274509804,
1210
- "a": 1
1211
- },
1212
- "hsv": {
1213
- "h": 205.08196721311475,
1214
- "s": 0.9568627450980393,
1215
- "v": 1,
1216
- "a": 1
1217
- }
1218
- },
1219
- "path": [
1220
- "color",
1221
- "info",
1222
- "400"
1223
- ]
1224
- },
1225
- "500": {
1226
- "value": "#007DD6",
1227
- "type": "color",
1228
- "filePath": "tokens/src/color/info.json",
1229
- "isSource": true,
1230
- "original": {
1231
- "value": "#007DD6",
1232
- "type": "color"
1233
- },
1234
- "name": "500 ",
1235
- "attributes": {
1236
- "category": "color",
1237
- "type": "info",
1238
- "item": "500",
1239
- "hex": "007dd6",
1240
- "rgb": {
1241
- "r": 0,
1242
- "g": 125,
1243
- "b": 214,
1244
- "a": 1
1245
- },
1246
- "hsl": {
1247
- "h": 204.95327102803736,
1248
- "s": 1,
1249
- "l": 0.4196078431372549,
1250
- "a": 1
1251
- },
1252
- "hsv": {
1253
- "h": 204.95327102803736,
1254
- "s": 1,
1255
- "v": 0.8392156862745098,
1256
- "a": 1
1257
- }
1258
- },
1259
- "path": [
1260
- "color",
1261
- "info",
1262
- "500"
1263
- ]
1264
- },
1265
- "subtle": {
1266
- "value": "#F0F8FF",
1267
- "type": "color",
1268
- "filePath": "tokens/src/color/info.json",
1269
- "isSource": true,
1270
- "original": {
1271
- "value": "#F0F8FF",
1272
- "type": "color"
1273
- },
1274
- "name": "subtle ",
1275
- "attributes": {
1276
- "category": "color",
1277
- "type": "info",
1278
- "item": "subtle",
1279
- "hex": "f0f8ff",
1280
- "rgb": {
1281
- "r": 240,
1282
- "g": 248,
1283
- "b": 255,
1284
- "a": 1
1285
- },
1286
- "hsl": {
1287
- "h": 208.00000000000003,
1288
- "s": 1,
1289
- "l": 0.9705882352941176,
1290
- "a": 1
1291
- },
1292
- "hsv": {
1293
- "h": 208.00000000000003,
1294
- "s": 0.05882352941176472,
1295
- "v": 1,
1296
- "a": 1
1297
- }
1298
- },
1299
- "path": [
1300
- "color",
1301
- "info",
1302
- "subtle"
1303
- ]
1304
- },
1305
- "strong": {
1306
- "value": "#2475B9",
1307
- "type": "color",
1308
- "filePath": "tokens/src/color/info.json",
1309
- "isSource": true,
1310
- "original": {
1311
- "value": "#2475B9",
1312
- "type": "color"
1313
- },
1314
- "name": "strong ",
1315
- "attributes": {
1316
- "category": "color",
1317
- "type": "info",
1318
- "item": "strong",
1319
- "hex": "2475b9",
1320
- "rgb": {
1321
- "r": 36,
1322
- "g": 117,
1323
- "b": 185,
1324
- "a": 1
1325
- },
1326
- "hsl": {
1327
- "h": 207.38255033557044,
1328
- "s": 0.67420814479638,
1329
- "l": 0.43333333333333335,
1330
- "a": 1
1331
- },
1332
- "hsv": {
1333
- "h": 207.38255033557044,
1334
- "s": 0.8054054054054053,
1335
- "v": 0.7254901960784313,
1336
- "a": 1
1337
- }
1338
- },
1339
- "path": [
1340
- "color",
1341
- "info",
1342
- "strong"
1343
- ]
1344
- }
1345
- },
1346
- "primary": {
1347
- "100": {
1348
- "value": "#F3F0FA",
1349
- "type": "color",
1350
- "filePath": "tokens/src/color/primary.json",
1351
- "isSource": true,
1352
- "original": {
1353
- "value": "#F3F0FA",
1354
- "type": "color"
1355
- },
1356
- "name": "100 ",
1357
- "attributes": {
1358
- "category": "color",
1359
- "type": "primary",
1360
- "item": "100",
1361
- "hex": "f3f0fa",
1362
- "rgb": {
1363
- "r": 243,
1364
- "g": 240,
1365
- "b": 250,
1366
- "a": 1
1367
- },
1368
- "hsl": {
1369
- "h": 257.99999999999994,
1370
- "s": 0.5,
1371
- "l": 0.9607843137254901,
1372
- "a": 1
1373
- },
1374
- "hsv": {
1375
- "h": 257.99999999999994,
1376
- "s": 0.03999999999999997,
1377
- "v": 0.9803921568627451,
1378
- "a": 1
1379
- }
1380
- },
1381
- "path": [
1382
- "color",
1383
- "primary",
1384
- "100"
1385
- ]
1386
- },
1387
- "200": {
1388
- "value": "#E8E3F6",
1389
- "type": "color",
1390
- "filePath": "tokens/src/color/primary.json",
1391
- "isSource": true,
1392
- "original": {
1393
- "value": "#E8E3F6",
1394
- "type": "color"
1395
- },
1396
- "name": "200 ",
1397
- "attributes": {
1398
- "category": "color",
1399
- "type": "primary",
1400
- "item": "200",
1401
- "hex": "e8e3f6",
1402
- "rgb": {
1403
- "r": 232,
1404
- "g": 227,
1405
- "b": 246,
1406
- "a": 1
1407
- },
1408
- "hsl": {
1409
- "h": 255.78947368421055,
1410
- "s": 0.5135135135135143,
1411
- "l": 0.9274509803921569,
1009
+ "h": 255.78947368421055,
1010
+ "s": 0.5135135135135143,
1011
+ "l": 0.9274509803921569,
1412
1012
  "a": 1
1413
1013
  },
1414
1014
  "hsv": {
@@ -1546,206 +1146,6 @@
1546
1146
  }
1547
1147
  },
1548
1148
  "success": {
1549
- "100": {
1550
- "value": "#E8F6E3",
1551
- "type": "color",
1552
- "filePath": "tokens/src/color/success.json",
1553
- "isSource": true,
1554
- "original": {
1555
- "value": "#E8F6E3",
1556
- "type": "color"
1557
- },
1558
- "name": "100 ",
1559
- "attributes": {
1560
- "category": "color",
1561
- "type": "success",
1562
- "item": "100",
1563
- "hex": "e8f6e3",
1564
- "rgb": {
1565
- "r": 232,
1566
- "g": 246,
1567
- "b": 227,
1568
- "a": 1
1569
- },
1570
- "hsl": {
1571
- "h": 104.21052631578945,
1572
- "s": 0.5135135135135143,
1573
- "l": 0.9274509803921569,
1574
- "a": 1
1575
- },
1576
- "hsv": {
1577
- "h": 104.21052631578945,
1578
- "s": 0.07723577235772365,
1579
- "v": 0.9647058823529412,
1580
- "a": 1
1581
- }
1582
- },
1583
- "path": [
1584
- "color",
1585
- "success",
1586
- "100"
1587
- ]
1588
- },
1589
- "200": {
1590
- "value": "#C8E9BB",
1591
- "type": "color",
1592
- "filePath": "tokens/src/color/success.json",
1593
- "isSource": true,
1594
- "original": {
1595
- "value": "#C8E9BB",
1596
- "type": "color"
1597
- },
1598
- "name": "200 ",
1599
- "attributes": {
1600
- "category": "color",
1601
- "type": "success",
1602
- "item": "200",
1603
- "hex": "c8e9bb",
1604
- "rgb": {
1605
- "r": 200,
1606
- "g": 233,
1607
- "b": 187,
1608
- "a": 1
1609
- },
1610
- "hsl": {
1611
- "h": 103.04347826086956,
1612
- "s": 0.511111111111111,
1613
- "l": 0.8235294117647058,
1614
- "a": 1
1615
- },
1616
- "hsv": {
1617
- "h": 103.04347826086956,
1618
- "s": 0.19742489270386268,
1619
- "v": 0.9137254901960784,
1620
- "a": 1
1621
- }
1622
- },
1623
- "path": [
1624
- "color",
1625
- "success",
1626
- "200"
1627
- ]
1628
- },
1629
- "300": {
1630
- "value": "#A7DB93",
1631
- "type": "color",
1632
- "filePath": "tokens/src/color/success.json",
1633
- "isSource": true,
1634
- "original": {
1635
- "value": "#A7DB93",
1636
- "type": "color"
1637
- },
1638
- "name": "300 ",
1639
- "attributes": {
1640
- "category": "color",
1641
- "type": "success",
1642
- "item": "300",
1643
- "hex": "a7db93",
1644
- "rgb": {
1645
- "r": 167,
1646
- "g": 219,
1647
- "b": 147,
1648
- "a": 1
1649
- },
1650
- "hsl": {
1651
- "h": 103.33333333333333,
1652
- "s": 0.5,
1653
- "l": 0.7176470588235293,
1654
- "a": 1
1655
- },
1656
- "hsv": {
1657
- "h": 103.33333333333333,
1658
- "s": 0.32876712328767127,
1659
- "v": 0.8588235294117647,
1660
- "a": 1
1661
- }
1662
- },
1663
- "path": [
1664
- "color",
1665
- "success",
1666
- "300"
1667
- ]
1668
- },
1669
- "400": {
1670
- "value": "#86D06D",
1671
- "type": "color",
1672
- "filePath": "tokens/src/color/success.json",
1673
- "isSource": true,
1674
- "original": {
1675
- "value": "#86D06D",
1676
- "type": "color"
1677
- },
1678
- "name": "400 ",
1679
- "attributes": {
1680
- "category": "color",
1681
- "type": "success",
1682
- "item": "400",
1683
- "hex": "86d06d",
1684
- "rgb": {
1685
- "r": 134,
1686
- "g": 208,
1687
- "b": 109,
1688
- "a": 1
1689
- },
1690
- "hsl": {
1691
- "h": 104.84848484848484,
1692
- "s": 0.5129533678756477,
1693
- "l": 0.6215686274509804,
1694
- "a": 1
1695
- },
1696
- "hsv": {
1697
- "h": 104.84848484848484,
1698
- "s": 0.4759615384615385,
1699
- "v": 0.8156862745098039,
1700
- "a": 1
1701
- }
1702
- },
1703
- "path": [
1704
- "color",
1705
- "success",
1706
- "400"
1707
- ]
1708
- },
1709
- "500": {
1710
- "value": "#65C345",
1711
- "type": "color",
1712
- "filePath": "tokens/src/color/success.json",
1713
- "isSource": true,
1714
- "original": {
1715
- "value": "#65C345",
1716
- "type": "color"
1717
- },
1718
- "name": "500 ",
1719
- "attributes": {
1720
- "category": "color",
1721
- "type": "success",
1722
- "item": "500",
1723
- "hex": "65c345",
1724
- "rgb": {
1725
- "r": 101,
1726
- "g": 195,
1727
- "b": 69,
1728
- "a": 1
1729
- },
1730
- "hsl": {
1731
- "h": 104.76190476190476,
1732
- "s": 0.5121951219512194,
1733
- "l": 0.5176470588235293,
1734
- "a": 1
1735
- },
1736
- "hsv": {
1737
- "h": 104.76190476190476,
1738
- "s": 0.6461538461538462,
1739
- "v": 0.7647058823529411,
1740
- "a": 1
1741
- }
1742
- },
1743
- "path": [
1744
- "color",
1745
- "success",
1746
- "500"
1747
- ]
1748
- },
1749
1149
  "subtle": {
1750
1150
  "value": "#DEF5D6",
1751
1151
  "type": "color",
@@ -2362,206 +1762,6 @@
2362
1762
  }
2363
1763
  },
2364
1764
  "warning": {
2365
- "100": {
2366
- "value": "#FFEDD6",
2367
- "type": "color",
2368
- "filePath": "tokens/src/color/warning.json",
2369
- "isSource": true,
2370
- "original": {
2371
- "value": "#FFEDD6",
2372
- "type": "color"
2373
- },
2374
- "name": "100 ",
2375
- "attributes": {
2376
- "category": "color",
2377
- "type": "warning",
2378
- "item": "100",
2379
- "hex": "ffedd6",
2380
- "rgb": {
2381
- "r": 255,
2382
- "g": 237,
2383
- "b": 214,
2384
- "a": 1
2385
- },
2386
- "hsl": {
2387
- "h": 33.65853658536586,
2388
- "s": 1,
2389
- "l": 0.919607843137255,
2390
- "a": 1
2391
- },
2392
- "hsv": {
2393
- "h": 33.65853658536586,
2394
- "s": 0.16078431372549018,
2395
- "v": 1,
2396
- "a": 1
2397
- }
2398
- },
2399
- "path": [
2400
- "color",
2401
- "warning",
2402
- "100"
2403
- ]
2404
- },
2405
- "200": {
2406
- "value": "#FFE0B8",
2407
- "type": "color",
2408
- "filePath": "tokens/src/color/warning.json",
2409
- "isSource": true,
2410
- "original": {
2411
- "value": "#FFE0B8",
2412
- "type": "color"
2413
- },
2414
- "name": "200 ",
2415
- "attributes": {
2416
- "category": "color",
2417
- "type": "warning",
2418
- "item": "200",
2419
- "hex": "ffe0b8",
2420
- "rgb": {
2421
- "r": 255,
2422
- "g": 224,
2423
- "b": 184,
2424
- "a": 1
2425
- },
2426
- "hsl": {
2427
- "h": 33.802816901408455,
2428
- "s": 1,
2429
- "l": 0.8607843137254902,
2430
- "a": 1
2431
- },
2432
- "hsv": {
2433
- "h": 33.802816901408455,
2434
- "s": 0.2784313725490196,
2435
- "v": 1,
2436
- "a": 1
2437
- }
2438
- },
2439
- "path": [
2440
- "color",
2441
- "warning",
2442
- "200"
2443
- ]
2444
- },
2445
- "300": {
2446
- "value": "#FFCE8F",
2447
- "type": "color",
2448
- "filePath": "tokens/src/color/warning.json",
2449
- "isSource": true,
2450
- "original": {
2451
- "value": "#FFCE8F",
2452
- "type": "color"
2453
- },
2454
- "name": "300 ",
2455
- "attributes": {
2456
- "category": "color",
2457
- "type": "warning",
2458
- "item": "300",
2459
- "hex": "ffce8f",
2460
- "rgb": {
2461
- "r": 255,
2462
- "g": 206,
2463
- "b": 143,
2464
- "a": 1
2465
- },
2466
- "hsl": {
2467
- "h": 33.75,
2468
- "s": 1,
2469
- "l": 0.7803921568627451,
2470
- "a": 1
2471
- },
2472
- "hsv": {
2473
- "h": 33.75,
2474
- "s": 0.4392156862745098,
2475
- "v": 1,
2476
- "a": 1
2477
- }
2478
- },
2479
- "path": [
2480
- "color",
2481
- "warning",
2482
- "300"
2483
- ]
2484
- },
2485
- "400": {
2486
- "value": "#FFB95E",
2487
- "type": "color",
2488
- "filePath": "tokens/src/color/warning.json",
2489
- "isSource": true,
2490
- "original": {
2491
- "value": "#FFB95E",
2492
- "type": "color"
2493
- },
2494
- "name": "400 ",
2495
- "attributes": {
2496
- "category": "color",
2497
- "type": "warning",
2498
- "item": "400",
2499
- "hex": "ffb95e",
2500
- "rgb": {
2501
- "r": 255,
2502
- "g": 185,
2503
- "b": 94,
2504
- "a": 1
2505
- },
2506
- "hsl": {
2507
- "h": 33.91304347826087,
2508
- "s": 1,
2509
- "l": 0.6843137254901961,
2510
- "a": 1
2511
- },
2512
- "hsv": {
2513
- "h": 33.91304347826087,
2514
- "s": 0.6313725490196078,
2515
- "v": 1,
2516
- "a": 1
2517
- }
2518
- },
2519
- "path": [
2520
- "color",
2521
- "warning",
2522
- "400"
2523
- ]
2524
- },
2525
- "500": {
2526
- "value": "#FF9D1F",
2527
- "type": "color",
2528
- "filePath": "tokens/src/color/warning.json",
2529
- "isSource": true,
2530
- "original": {
2531
- "value": "#FF9D1F",
2532
- "type": "color"
2533
- },
2534
- "name": "500 ",
2535
- "attributes": {
2536
- "category": "color",
2537
- "type": "warning",
2538
- "item": "500",
2539
- "hex": "ff9d1f",
2540
- "rgb": {
2541
- "r": 255,
2542
- "g": 157,
2543
- "b": 31,
2544
- "a": 1
2545
- },
2546
- "hsl": {
2547
- "h": 33.75,
2548
- "s": 1,
2549
- "l": 0.5607843137254902,
2550
- "a": 1
2551
- },
2552
- "hsv": {
2553
- "h": 33.75,
2554
- "s": 0.8784313725490196,
2555
- "v": 1,
2556
- "a": 1
2557
- }
2558
- },
2559
- "path": [
2560
- "color",
2561
- "warning",
2562
- "500"
2563
- ]
2564
- },
2565
1765
  "subtle": {
2566
1766
  "value": "#FFEDD6",
2567
1767
  "type": "color",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@triptease/stylesheet",
3
- "version": "1.4.11",
3
+ "version": "2.0.1",
4
4
  "description": "The stylesheet for the Triptease design system",
5
5
  "main": "dist/triptease.css",
6
6
  "type": "module",