@triptease/stylesheet 1.3.1 → 1.4.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 +3 -0
  2. package/dist/base.css +4 -1
  3. package/dist/blocks.css +2 -2
  4. package/dist/compositions.css +1 -1
  5. package/dist/exceptions.css +1 -1
  6. package/dist/triptease.css +5 -2
  7. package/dist/utilities.css +1 -1
  8. package/dist/web/tokens.json +120 -0
  9. package/package.json +3 -2
package/dist/_variables.css CHANGED
@@ -29,7 +29,10 @@
29
29
  --color-text-inverted-400: #d3d3da;
30
30
  --color-text-inverted-500: #ffffff;
31
31
  --color-info-100: #e5f3ff;
32
+ --color-info-200: #c2e3ff;
33
+ --color-info-300: #8fcbff;
32
34
  --color-info-400: #0b99ff;
35
+ --color-info-500: #007dd6;
33
36
  --color-primary-100: #f3f0fa;
34
37
  --color-primary-200: #e8e3f6;
35
38
  --color-primary-300: #cfc6ed;
package/dist/base.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.3.1
2
+ * @triptease/stylesheet v1.4.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);
@@ -36,7 +36,10 @@
36
36
  --color-text-inverted-400: #d3d3da;
37
37
  --color-text-inverted-500: #ffffff;
38
38
  --color-info-100: #e5f3ff;
39
+ --color-info-200: #c2e3ff;
40
+ --color-info-300: #8fcbff;
39
41
  --color-info-400: #0b99ff;
42
+ --color-info-500: #007dd6;
40
43
  --color-primary-100: #f3f0fa;
41
44
  --color-primary-200: #e8e3f6;
42
45
  --color-primary-300: #cfc6ed;
package/dist/blocks.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.3.1
2
+ * @triptease/stylesheet v1.4.1
3
3
  */
4
4
  /*
5
5
  Suppress "invalid at-rule" warnings: @import-glob is a build-time feature
@@ -53,7 +53,7 @@
53
53
 
54
54
  &[data-theme='info'] {
55
55
  --badge-bg-color: var(--color-info-100);
56
- --badge-border-color: var(--color-info-100);
56
+ --badge-border-color: var(--color-info-200);
57
57
  }
58
58
 
59
59
  &[data-theme='primary'] {
package/dist/compositions.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.3.1
2
+ * @triptease/stylesheet v1.4.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.3.1
2
+ * @triptease/stylesheet v1.4.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.3.1
2
+ * @triptease/stylesheet v1.4.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);
@@ -36,7 +36,10 @@
36
36
  --color-text-inverted-400: #d3d3da;
37
37
  --color-text-inverted-500: #ffffff;
38
38
  --color-info-100: #e5f3ff;
39
+ --color-info-200: #c2e3ff;
40
+ --color-info-300: #8fcbff;
39
41
  --color-info-400: #0b99ff;
42
+ --color-info-500: #007dd6;
40
43
  --color-primary-100: #f3f0fa;
41
44
  --color-primary-200: #e8e3f6;
42
45
  --color-primary-300: #cfc6ed;
@@ -1219,7 +1222,7 @@ body {
1219
1222
 
1220
1223
  &[data-theme='info'] {
1221
1224
  --badge-bg-color: var(--color-info-100);
1222
- --badge-border-color: var(--color-info-100);
1225
+ --badge-border-color: var(--color-info-200);
1223
1226
  }
1224
1227
 
1225
1228
  &[data-theme='primary'] {
package/dist/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * @triptease/stylesheet v1.3.1
2
+ * @triptease/stylesheet v1.4.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
@@ -1022,6 +1022,86 @@
1022
1022
  "100"
1023
1023
  ]
1024
1024
  },
1025
+ "200": {
1026
+ "value": "#C2E3FF",
1027
+ "type": "color",
1028
+ "filePath": "tokens/src/color/info.json",
1029
+ "isSource": true,
1030
+ "original": {
1031
+ "value": "#C2E3FF",
1032
+ "type": "color"
1033
+ },
1034
+ "name": "200 ",
1035
+ "attributes": {
1036
+ "category": "color",
1037
+ "type": "info",
1038
+ "item": "200",
1039
+ "hex": "c2e3ff",
1040
+ "rgb": {
1041
+ "r": 194,
1042
+ "g": 227,
1043
+ "b": 255,
1044
+ "a": 1
1045
+ },
1046
+ "hsl": {
1047
+ "h": 207.54098360655738,
1048
+ "s": 1,
1049
+ "l": 0.8803921568627451,
1050
+ "a": 1
1051
+ },
1052
+ "hsv": {
1053
+ "h": 207.54098360655738,
1054
+ "s": 0.23921568627450984,
1055
+ "v": 1,
1056
+ "a": 1
1057
+ }
1058
+ },
1059
+ "path": [
1060
+ "color",
1061
+ "info",
1062
+ "200"
1063
+ ]
1064
+ },
1065
+ "300": {
1066
+ "value": "#8FCBFF",
1067
+ "type": "color",
1068
+ "filePath": "tokens/src/color/info.json",
1069
+ "isSource": true,
1070
+ "original": {
1071
+ "value": "#8FCBFF",
1072
+ "type": "color"
1073
+ },
1074
+ "name": "300 ",
1075
+ "attributes": {
1076
+ "category": "color",
1077
+ "type": "info",
1078
+ "item": "300",
1079
+ "hex": "8fcbff",
1080
+ "rgb": {
1081
+ "r": 143,
1082
+ "g": 203,
1083
+ "b": 255,
1084
+ "a": 1
1085
+ },
1086
+ "hsl": {
1087
+ "h": 207.8571428571429,
1088
+ "s": 1,
1089
+ "l": 0.7803921568627451,
1090
+ "a": 1
1091
+ },
1092
+ "hsv": {
1093
+ "h": 207.8571428571429,
1094
+ "s": 0.4392156862745098,
1095
+ "v": 1,
1096
+ "a": 1
1097
+ }
1098
+ },
1099
+ "path": [
1100
+ "color",
1101
+ "info",
1102
+ "300"
1103
+ ]
1104
+ },
1025
1105
  "400": {
1026
1106
  "value": "#0B99FF",
1027
1107
  "type": "color",
@@ -1061,6 +1141,46 @@
1061
1141
  "info",
1062
1142
  "400"
1063
1143
  ]
1144
+ },
1145
+ "500": {
1146
+ "value": "#007DD6",
1147
+ "type": "color",
1148
+ "filePath": "tokens/src/color/info.json",
1149
+ "isSource": true,
1150
+ "original": {
1151
+ "value": "#007DD6",
1152
+ "type": "color"
1153
+ },
1154
+ "name": "500 ",
1155
+ "attributes": {
1156
+ "category": "color",
1157
+ "type": "info",
1158
+ "item": "500",
1159
+ "hex": "007dd6",
1160
+ "rgb": {
1161
+ "r": 0,
1162
+ "g": 125,
1163
+ "b": 214,
1164
+ "a": 1
1165
+ },
1166
+ "hsl": {
1167
+ "h": 204.95327102803736,
1168
+ "s": 1,
1169
+ "l": 0.4196078431372549,
1170
+ "a": 1
1171
+ },
1172
+ "hsv": {
1173
+ "h": 204.95327102803736,
1174
+ "s": 1,
1175
+ "v": 0.8392156862745098,
1176
+ "a": 1
1177
+ }
1178
+ },
1179
+ "path": [
1180
+ "color",
1181
+ "info",
1182
+ "500"
1183
+ ]
1064
1184
  }
1065
1185
  },
1066
1186
  "primary": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@triptease/stylesheet",
3
- "version": "1.3.1",
3
+ "version": "1.4.1",
4
4
  "description": "The stylesheet for the Triptease design system",
5
5
  "main": "dist/triptease.css",
6
6
  "type": "module",
@@ -9,7 +9,8 @@
9
9
  ],
10
10
  "license": "MIT",
11
11
  "exports": {
12
- ".": "./dist/triptease.css"
12
+ ".": "./dist/triptease.css",
13
+ "./tokens": "./dist/web/tokens.json"
13
14
  },
14
15
  "devDependencies": {
15
16
  "@csstools/postcss-design-tokens": "^4.0.5",