@servicetitan/hammer-token 3.0.2 → 3.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.
- package/CHANGELOG.md +6 -0
- package/build/web/core/primitive-variables.scss +12 -0
- package/build/web/core/primitive.d.ts +12 -0
- package/build/web/core/primitive.js +48 -0
- package/build/web/core/primitive.scss +12 -0
- package/package.json +2 -2
- package/src/global/primitive/color.tokens.json +86 -0
- package/eslint.config.mjs +0 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @servicetitan/hammer-token
|
|
2
2
|
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#2392](https://github.com/servicetitan/hammer/pull/2392) [`2c042ed`](https://github.com/servicetitan/hammer/commit/2c042ed13ee7c83bff4607020c5fe4b2fa7b7a67) Thanks [@helenvholmes](https://github.com/helenvholmes)! - [Tokens] Add brown color ramp
|
|
8
|
+
|
|
3
9
|
## 3.0.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -156,6 +156,18 @@ $token: (
|
|
|
156
156
|
color-yellow-800: #704b00,
|
|
157
157
|
color-yellow-900: #382500,
|
|
158
158
|
color-yellow-950: #191100,
|
|
159
|
+
color-brown-10: #fefcfb,
|
|
160
|
+
color-brown-50: #f1e3da,
|
|
161
|
+
color-brown-100: #eddace,
|
|
162
|
+
color-brown-200: #e1c1ad,
|
|
163
|
+
color-brown-300: #d4a487,
|
|
164
|
+
color-brown-400: #c5855e,
|
|
165
|
+
color-brown-500: #a9663d,
|
|
166
|
+
color-brown-600: #74462a,
|
|
167
|
+
color-brown-700: #5e3922,
|
|
168
|
+
color-brown-800: #432918,
|
|
169
|
+
color-brown-900: #1e120b,
|
|
170
|
+
color-brown-950: #0c0704,
|
|
159
171
|
duration-default: 200ms,
|
|
160
172
|
duration-instant: 0ms,
|
|
161
173
|
duration-fast: 100ms,
|
|
@@ -157,6 +157,18 @@ export declare const ColorYellow700: TokenObj;
|
|
|
157
157
|
export declare const ColorYellow800: TokenObj;
|
|
158
158
|
export declare const ColorYellow900: TokenObj;
|
|
159
159
|
export declare const ColorYellow950: TokenObj;
|
|
160
|
+
export declare const ColorBrown10: TokenObj;
|
|
161
|
+
export declare const ColorBrown50: TokenObj;
|
|
162
|
+
export declare const ColorBrown100: TokenObj;
|
|
163
|
+
export declare const ColorBrown200: TokenObj;
|
|
164
|
+
export declare const ColorBrown300: TokenObj;
|
|
165
|
+
export declare const ColorBrown400: TokenObj;
|
|
166
|
+
export declare const ColorBrown500: TokenObj;
|
|
167
|
+
export declare const ColorBrown600: TokenObj;
|
|
168
|
+
export declare const ColorBrown700: TokenObj;
|
|
169
|
+
export declare const ColorBrown800: TokenObj;
|
|
170
|
+
export declare const ColorBrown900: TokenObj;
|
|
171
|
+
export declare const ColorBrown950: TokenObj;
|
|
160
172
|
export declare const DurationDefault: TokenObj;
|
|
161
173
|
export declare const DurationInstant: TokenObj;
|
|
162
174
|
export declare const DurationFast: TokenObj;
|
|
@@ -640,6 +640,54 @@ export const ColorYellow900 = { value: "#382500" };
|
|
|
640
640
|
* @type {TokenValue}
|
|
641
641
|
*/
|
|
642
642
|
export const ColorYellow950 = { value: "#191100" };
|
|
643
|
+
/**
|
|
644
|
+
* @type {TokenValue}
|
|
645
|
+
*/
|
|
646
|
+
export const ColorBrown10 = { value: "#fefcfb" };
|
|
647
|
+
/**
|
|
648
|
+
* @type {TokenValue}
|
|
649
|
+
*/
|
|
650
|
+
export const ColorBrown50 = { value: "#f1e3da" };
|
|
651
|
+
/**
|
|
652
|
+
* @type {TokenValue}
|
|
653
|
+
*/
|
|
654
|
+
export const ColorBrown100 = { value: "#eddace" };
|
|
655
|
+
/**
|
|
656
|
+
* @type {TokenValue}
|
|
657
|
+
*/
|
|
658
|
+
export const ColorBrown200 = { value: "#e1c1ad" };
|
|
659
|
+
/**
|
|
660
|
+
* @type {TokenValue}
|
|
661
|
+
*/
|
|
662
|
+
export const ColorBrown300 = { value: "#d4a487" };
|
|
663
|
+
/**
|
|
664
|
+
* @type {TokenValue}
|
|
665
|
+
*/
|
|
666
|
+
export const ColorBrown400 = { value: "#c5855e" };
|
|
667
|
+
/**
|
|
668
|
+
* @type {TokenValue}
|
|
669
|
+
*/
|
|
670
|
+
export const ColorBrown500 = { value: "#a9663d" };
|
|
671
|
+
/**
|
|
672
|
+
* @type {TokenValue}
|
|
673
|
+
*/
|
|
674
|
+
export const ColorBrown600 = { value: "#74462a" };
|
|
675
|
+
/**
|
|
676
|
+
* @type {TokenValue}
|
|
677
|
+
*/
|
|
678
|
+
export const ColorBrown700 = { value: "#5e3922" };
|
|
679
|
+
/**
|
|
680
|
+
* @type {TokenValue}
|
|
681
|
+
*/
|
|
682
|
+
export const ColorBrown800 = { value: "#432918" };
|
|
683
|
+
/**
|
|
684
|
+
* @type {TokenValue}
|
|
685
|
+
*/
|
|
686
|
+
export const ColorBrown900 = { value: "#1e120b" };
|
|
687
|
+
/**
|
|
688
|
+
* @type {TokenValue}
|
|
689
|
+
*/
|
|
690
|
+
export const ColorBrown950 = { value: "#0c0704" };
|
|
643
691
|
/**
|
|
644
692
|
* @type {TokenValue}
|
|
645
693
|
*/
|
|
@@ -155,6 +155,18 @@ $color-yellow-700: var(--a2-color-yellow-700, #c98600);
|
|
|
155
155
|
$color-yellow-800: var(--a2-color-yellow-800, #704b00);
|
|
156
156
|
$color-yellow-900: var(--a2-color-yellow-900, #382500);
|
|
157
157
|
$color-yellow-950: var(--a2-color-yellow-950, #191100);
|
|
158
|
+
$color-brown-10: var(--a2-color-brown-10, #fefcfb);
|
|
159
|
+
$color-brown-50: var(--a2-color-brown-50, #f1e3da);
|
|
160
|
+
$color-brown-100: var(--a2-color-brown-100, #eddace);
|
|
161
|
+
$color-brown-200: var(--a2-color-brown-200, #e1c1ad);
|
|
162
|
+
$color-brown-300: var(--a2-color-brown-300, #d4a487);
|
|
163
|
+
$color-brown-400: var(--a2-color-brown-400, #c5855e);
|
|
164
|
+
$color-brown-500: var(--a2-color-brown-500, #a9663d);
|
|
165
|
+
$color-brown-600: var(--a2-color-brown-600, #74462a);
|
|
166
|
+
$color-brown-700: var(--a2-color-brown-700, #5e3922);
|
|
167
|
+
$color-brown-800: var(--a2-color-brown-800, #432918);
|
|
168
|
+
$color-brown-900: var(--a2-color-brown-900, #1e120b);
|
|
169
|
+
$color-brown-950: var(--a2-color-brown-950, #0c0704);
|
|
158
170
|
$duration-default: var(--a2-duration-default, 200ms);
|
|
159
171
|
$duration-instant: var(--a2-duration-instant, 0ms);
|
|
160
172
|
$duration-fast: var(--a2-duration-fast, 100ms);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/hammer-token",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "build/web/index.js",
|
|
6
6
|
"types": "build/web/index.d.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"build": "pnpm clean && node ./config.js",
|
|
23
23
|
"dev": "pnpm build && chokidar \"./src\" -c \"pnpm build\"",
|
|
24
24
|
"clean": "rimraf build .turbo",
|
|
25
|
-
"lint": "
|
|
25
|
+
"lint": "oxlint . -c ../../.oxlintrc.json",
|
|
26
26
|
"test": "vitest run --coverage.enabled=true --coverage.reporter=text",
|
|
27
27
|
"nuke": "pnpm clean && rimraf node_modules",
|
|
28
28
|
"figma:sync": "node src/utils/figma/sync-main.js sync",
|
|
@@ -1087,6 +1087,92 @@
|
|
|
1087
1087
|
"com.figma.scopes": []
|
|
1088
1088
|
}
|
|
1089
1089
|
}
|
|
1090
|
+
},
|
|
1091
|
+
"brown": {
|
|
1092
|
+
"10": {
|
|
1093
|
+
"$type": "color",
|
|
1094
|
+
"$value": "#fefcfb",
|
|
1095
|
+
"$extensions": {
|
|
1096
|
+
"com.figma.scopes": []
|
|
1097
|
+
}
|
|
1098
|
+
},
|
|
1099
|
+
"50": {
|
|
1100
|
+
"$type": "color",
|
|
1101
|
+
"$value": "#f1e3da",
|
|
1102
|
+
"$extensions": {
|
|
1103
|
+
"com.figma.scopes": []
|
|
1104
|
+
}
|
|
1105
|
+
},
|
|
1106
|
+
"100": {
|
|
1107
|
+
"$type": "color",
|
|
1108
|
+
"$value": "#eddace",
|
|
1109
|
+
"$extensions": {
|
|
1110
|
+
"com.figma.scopes": []
|
|
1111
|
+
}
|
|
1112
|
+
},
|
|
1113
|
+
"200": {
|
|
1114
|
+
"$type": "color",
|
|
1115
|
+
"$value": "#e1c1ad",
|
|
1116
|
+
"$extensions": {
|
|
1117
|
+
"com.figma.scopes": []
|
|
1118
|
+
}
|
|
1119
|
+
},
|
|
1120
|
+
"300": {
|
|
1121
|
+
"$type": "color",
|
|
1122
|
+
"$value": "#d4a487",
|
|
1123
|
+
"$extensions": {
|
|
1124
|
+
"com.figma.scopes": []
|
|
1125
|
+
}
|
|
1126
|
+
},
|
|
1127
|
+
"400": {
|
|
1128
|
+
"$type": "color",
|
|
1129
|
+
"$value": "#c5855e",
|
|
1130
|
+
"$extensions": {
|
|
1131
|
+
"com.figma.scopes": []
|
|
1132
|
+
}
|
|
1133
|
+
},
|
|
1134
|
+
"500": {
|
|
1135
|
+
"$type": "color",
|
|
1136
|
+
"$value": "#a9663d",
|
|
1137
|
+
"$extensions": {
|
|
1138
|
+
"com.figma.scopes": []
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
"600": {
|
|
1142
|
+
"$type": "color",
|
|
1143
|
+
"$value": "#74462a",
|
|
1144
|
+
"$extensions": {
|
|
1145
|
+
"com.figma.scopes": []
|
|
1146
|
+
}
|
|
1147
|
+
},
|
|
1148
|
+
"700": {
|
|
1149
|
+
"$type": "color",
|
|
1150
|
+
"$value": "#5e3922",
|
|
1151
|
+
"$extensions": {
|
|
1152
|
+
"com.figma.scopes": []
|
|
1153
|
+
}
|
|
1154
|
+
},
|
|
1155
|
+
"800": {
|
|
1156
|
+
"$type": "color",
|
|
1157
|
+
"$value": "#432918",
|
|
1158
|
+
"$extensions": {
|
|
1159
|
+
"com.figma.scopes": []
|
|
1160
|
+
}
|
|
1161
|
+
},
|
|
1162
|
+
"900": {
|
|
1163
|
+
"$type": "color",
|
|
1164
|
+
"$value": "#1e120b",
|
|
1165
|
+
"$extensions": {
|
|
1166
|
+
"com.figma.scopes": []
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
1169
|
+
"950": {
|
|
1170
|
+
"$type": "color",
|
|
1171
|
+
"$value": "#0c0704",
|
|
1172
|
+
"$extensions": {
|
|
1173
|
+
"com.figma.scopes": []
|
|
1174
|
+
}
|
|
1175
|
+
}
|
|
1090
1176
|
}
|
|
1091
1177
|
}
|
|
1092
1178
|
}
|
package/eslint.config.mjs
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import baseConfig from "../../eslint.base.config.mjs";
|
|
2
|
-
import eslintConfigPrettier from "eslint-config-prettier/flat";
|
|
3
|
-
|
|
4
|
-
export default [
|
|
5
|
-
...baseConfig,
|
|
6
|
-
eslintConfigPrettier,
|
|
7
|
-
{
|
|
8
|
-
// Allow require() in Node.js utility scripts
|
|
9
|
-
files: ["src/utils/**/*.js", "config.js"],
|
|
10
|
-
rules: {
|
|
11
|
-
"@typescript-eslint/no-require-imports": "off",
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
];
|