@servicetitan/hammer-token 0.5.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/.turbo/turbo-build.log +20 -0
- package/.turbo/turbo-lint.log +4 -0
- package/CHANGELOG.md +138 -0
- package/build/web/core/index.js +4 -0
- package/build/web/core/primitive.js +115 -0
- package/build/web/core/primitive.scss +115 -0
- package/build/web/core/raw.js +124 -0
- package/build/web/core/semantic.js +462 -0
- package/build/web/core/semantic.scss +75 -0
- package/build/web/index.d.ts +4 -0
- package/build/web/index.js +3 -0
- package/config.js +166 -0
- package/package.json +19 -0
- package/src/global/primitive/breakpoint.json +19 -0
- package/src/global/primitive/color.json +231 -0
- package/src/global/primitive/duration.json +16 -0
- package/src/global/primitive/font.json +60 -0
- package/src/global/primitive/size.json +55 -0
- package/src/global/primitive/transition.json +16 -0
- package/src/theme/core/background.json +144 -0
- package/src/theme/core/border.json +81 -0
- package/src/theme/core/focus.json +31 -0
- package/src/theme/core/foreground.json +88 -0
- package/src/theme/core/overlay.json +134 -0
- package/src/theme/core/shadow.json +25 -0
- package/src/theme/core/status.json +46 -0
- package/src/theme/core/typography.json +79 -0
- package/type/types.ts +214 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
> @servicetitan/hammer-token@0.4.0 build /home/runner/work/anvil2/anvil2/packages/token
|
|
3
|
+
> node ./config.js
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
scss
|
|
7
|
+
✔︎ build/web/core/primitive.scss
|
|
8
|
+
✔︎ build/web/core/semantic.scss
|
|
9
|
+
|
|
10
|
+
tsLight
|
|
11
|
+
✔︎ build/web/core/primitive.js
|
|
12
|
+
✔︎ build/web/core/raw.js
|
|
13
|
+
✔︎ build/web/core/semantic.js
|
|
14
|
+
|
|
15
|
+
==============================================
|
|
16
|
+
Building index files...
|
|
17
|
+
|
|
18
|
+
Index built!
|
|
19
|
+
==============================================
|
|
20
|
+
|
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
# v0.5.0 (Fri Apr 12 2024)
|
|
2
|
+
|
|
3
|
+
#### ✨ New Feature
|
|
4
|
+
|
|
5
|
+
- Anvil 2 -> Hammer [#392](https://github.com/servicetitan/anvil2/pull/392) ([@rgdelato](https://github.com/rgdelato))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.4.0 (Fri Mar 29 2024)
|
|
14
|
+
|
|
15
|
+
#### 🏠 Internal
|
|
16
|
+
|
|
17
|
+
- ANV-1125: Externalize `anvil-react` dependencies [#287](https://github.com/servicetitan/anvil2/pull/287) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# v0.3.0 (Mon Mar 18 2024)
|
|
26
|
+
|
|
27
|
+
:tada: This release contains work from a new contributor! :tada:
|
|
28
|
+
|
|
29
|
+
Thank you, Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)), for all your work!
|
|
30
|
+
|
|
31
|
+
#### 🚀 Enhancement
|
|
32
|
+
|
|
33
|
+
- ANV-1114: add Breakpoint and update relevant components [#265](https://github.com/servicetitan/anvil2/pull/265) ([@tounsoo](https://github.com/tounsoo))
|
|
34
|
+
|
|
35
|
+
#### 🏠 Internal
|
|
36
|
+
|
|
37
|
+
- ANV-1153 Use `pnpm` to fix dependency issues [#272](https://github.com/servicetitan/anvil2/pull/272) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n) [@tounsoo](https://github.com/tounsoo))
|
|
38
|
+
- ANV-1075: Adding lots of new ESLint rules [#255](https://github.com/servicetitan/anvil2/pull/255) ([@rgdelato](https://github.com/rgdelato))
|
|
39
|
+
|
|
40
|
+
#### Authors: 3
|
|
41
|
+
|
|
42
|
+
- Ben Ho ([@tounsoo](https://github.com/tounsoo))
|
|
43
|
+
- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
|
|
44
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
45
|
+
|
|
46
|
+
---
|
|
47
|
+
|
|
48
|
+
# v0.2.0 (Fri Jan 26 2024)
|
|
49
|
+
|
|
50
|
+
#### 🐛 Bug Fix
|
|
51
|
+
|
|
52
|
+
- Fix: add types for BorderColorSubdued, fix Duration type [#183](https://github.com/servicetitan/anvil2/pull/183) ([@tounsoo](https://github.com/tounsoo))
|
|
53
|
+
|
|
54
|
+
#### 🏠 Internal
|
|
55
|
+
|
|
56
|
+
- Prettier formatting [#187](https://github.com/servicetitan/anvil2/pull/187) ([@rgdelato](https://github.com/rgdelato))
|
|
57
|
+
- Merge branch 'master' into next [#190](https://github.com/servicetitan/anvil2/pull/190) ([@rgdelato](https://github.com/rgdelato))
|
|
58
|
+
|
|
59
|
+
#### Authors: 5
|
|
60
|
+
|
|
61
|
+
- Arsen Melikyan ([@bugron](https://github.com/bugron))
|
|
62
|
+
- Ben Ho ([@tounsoo](https://github.com/tounsoo))
|
|
63
|
+
- James C ([@jpex](https://github.com/jpex))
|
|
64
|
+
- Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
65
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
66
|
+
|
|
67
|
+
---
|
|
68
|
+
|
|
69
|
+
# v0.1.0 (Sat Dec 16 2023)
|
|
70
|
+
|
|
71
|
+
:tada: This release contains work from new contributors! :tada:
|
|
72
|
+
|
|
73
|
+
Thanks for all your work!
|
|
74
|
+
|
|
75
|
+
:heart: Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
76
|
+
|
|
77
|
+
:heart: Sergey Yakunin ([@yakunins](https://github.com/yakunins))
|
|
78
|
+
|
|
79
|
+
:heart: James C ([@jpex](https://github.com/jpex))
|
|
80
|
+
|
|
81
|
+
#### ✨ New Feature
|
|
82
|
+
|
|
83
|
+
- ANV-773: Grid component to alpha [#129](https://github.com/servicetitan/anvil2/pull/129) ([@rgdelato](https://github.com/rgdelato))
|
|
84
|
+
- Token 2.0 [#67](https://github.com/servicetitan/anvil2/pull/67) ([@tounsoo](https://github.com/tounsoo) [@yakunins](https://github.com/yakunins))
|
|
85
|
+
|
|
86
|
+
#### 🏠 Internal
|
|
87
|
+
|
|
88
|
+
- Merge branch 'master' into next [#152](https://github.com/servicetitan/anvil2/pull/152) ([@rgdelato](https://github.com/rgdelato))
|
|
89
|
+
- Added watcher for dev step over icons and tokens [#98](https://github.com/servicetitan/anvil2/pull/98) ([@yakunins](https://github.com/yakunins) [@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
90
|
+
- Update background/strongest token value on light mode [#109](https://github.com/servicetitan/anvil2/pull/109) ([@jpex](https://github.com/jpex))
|
|
91
|
+
- Updating package names to use "@servicetitan/" scope [#94](https://github.com/servicetitan/anvil2/pull/94) ([@rgdelato](https://github.com/rgdelato))
|
|
92
|
+
- Rename packages with `anvil` prefix, preparing for release test [#91](https://github.com/servicetitan/anvil2/pull/91) ([@tounsoo](https://github.com/tounsoo))
|
|
93
|
+
- Proper dev tasks order in turbo.repo config [#77](https://github.com/servicetitan/anvil2/pull/77) ([@yakunins](https://github.com/yakunins))
|
|
94
|
+
|
|
95
|
+
#### ⚠️ Pushed to `next`
|
|
96
|
+
|
|
97
|
+
- Merge branch 'master' into next ([@rgdelato](https://github.com/rgdelato))
|
|
98
|
+
|
|
99
|
+
#### 📝 Dependencies
|
|
100
|
+
|
|
101
|
+
- Upgrade: Bump graphql from 16.8.0 to 16.8.1 [#101](https://github.com/servicetitan/anvil2/pull/101) ([@dependabot[bot]](https://github.com/dependabot[bot]))
|
|
102
|
+
|
|
103
|
+
#### Authors: 6
|
|
104
|
+
|
|
105
|
+
- [@dependabot[bot]](https://github.com/dependabot[bot])
|
|
106
|
+
- Ben Ho ([@tounsoo](https://github.com/tounsoo))
|
|
107
|
+
- James C ([@jpex](https://github.com/jpex))
|
|
108
|
+
- Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
109
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
110
|
+
- Sergey Yakunin ([@yakunins](https://github.com/yakunins))
|
|
111
|
+
|
|
112
|
+
---
|
|
113
|
+
|
|
114
|
+
# v0.1.0 (Thu Sep 14 2023)
|
|
115
|
+
|
|
116
|
+
:tada: This release contains work from new contributors! :tada:
|
|
117
|
+
|
|
118
|
+
Thanks for all your work!
|
|
119
|
+
|
|
120
|
+
:heart: Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
121
|
+
|
|
122
|
+
:heart: Sergey Yakunin ([@yakunins](https://github.com/yakunins))
|
|
123
|
+
|
|
124
|
+
#### ✨ New Feature
|
|
125
|
+
|
|
126
|
+
- Token 2.0 [#67](https://github.com/servicetitan/blacksmith/pull/67) ([@tounsoo](https://github.com/tounsoo) [@yakunins](https://github.com/yakunins))
|
|
127
|
+
|
|
128
|
+
#### 🏠 Internal
|
|
129
|
+
|
|
130
|
+
- Updating package names to use "@servicetitan/" scope [#94](https://github.com/servicetitan/blacksmith/pull/94) ([@rgdelato](https://github.com/rgdelato))
|
|
131
|
+
- Rename packages with `anvil` prefix, preparing for release test [#91](https://github.com/servicetitan/blacksmith/pull/91) ([@tounsoo](https://github.com/tounsoo))
|
|
132
|
+
- Proper dev tasks order in turbo.repo config [#77](https://github.com/servicetitan/blacksmith/pull/77) ([@yakunins](https://github.com/yakunins))
|
|
133
|
+
|
|
134
|
+
#### Authors: 3
|
|
135
|
+
|
|
136
|
+
- Ben Ho ([@tounsoo](https://github.com/tounsoo))
|
|
137
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
138
|
+
- Sergey Yakunin ([@yakunins](https://github.com/yakunins))
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
export const BreakpointSm = { value: "640px" };
|
|
2
|
+
export const BreakpointMd = { value: "768px" };
|
|
3
|
+
export const BreakpointLg = { value: "1024px" };
|
|
4
|
+
export const BreakpointXl = { value: "1280px" };
|
|
5
|
+
export const BreakpointXxl = { value: "1536px" };
|
|
6
|
+
export const ColorBlue100 = { value: "#e0f2ff" };
|
|
7
|
+
export const ColorBlue200 = { value: "#b5deff" };
|
|
8
|
+
export const ColorBlue300 = { value: "#78bbfa" };
|
|
9
|
+
export const ColorBlue400 = { value: "#3892f3" };
|
|
10
|
+
export const ColorBlue500 = { value: "#0265dc" };
|
|
11
|
+
export const ColorBlue600 = { value: "#004491" };
|
|
12
|
+
export const ColorNeutral0 = { value: "#ffffff" };
|
|
13
|
+
export const ColorNeutral10 = { value: "#fcfcfc" };
|
|
14
|
+
export const ColorNeutral20 = { value: "#fafafa" };
|
|
15
|
+
export const ColorNeutral30 = { value: "#f7f7f7" };
|
|
16
|
+
export const ColorNeutral40 = { value: "#f5f5f5" };
|
|
17
|
+
export const ColorNeutral50 = { value: "#eeeeee" };
|
|
18
|
+
export const ColorNeutral60 = { value: "#dfe0e1" };
|
|
19
|
+
export const ColorNeutral70 = { value: "#bcbcbd" };
|
|
20
|
+
export const ColorNeutral80 = { value: "#949596" };
|
|
21
|
+
export const ColorNeutral90 = { value: "#737475" };
|
|
22
|
+
export const ColorNeutral100 = { value: "#606162" };
|
|
23
|
+
export const ColorNeutral200 = { value: "#444445" };
|
|
24
|
+
export const ColorNeutral300 = { value: "#2d2e31" };
|
|
25
|
+
export const ColorNeutral400 = { value: "#141414" };
|
|
26
|
+
export const ColorNeutral500 = { value: "#040404" };
|
|
27
|
+
export const ColorBlueGrey100 = { value: "#eaeff2" };
|
|
28
|
+
export const ColorBlueGrey200 = { value: "#d0d8dd" };
|
|
29
|
+
export const ColorBlueGrey300 = { value: "#b4c1c8" };
|
|
30
|
+
export const ColorBlueGrey400 = { value: "#8c9ca5" };
|
|
31
|
+
export const ColorBlueGrey500 = { value: "#6a7a85" };
|
|
32
|
+
export const ColorBlueGrey600 = { value: "#576671" };
|
|
33
|
+
export const ColorOrange100 = { value: "#ffeccc" };
|
|
34
|
+
export const ColorOrange200 = { value: "#fdd291" };
|
|
35
|
+
export const ColorOrange300 = { value: "#ffa037" };
|
|
36
|
+
export const ColorOrange400 = { value: "#e46f00" };
|
|
37
|
+
export const ColorOrange500 = { value: "#b14c00" };
|
|
38
|
+
export const ColorOrange600 = { value: "#7a2f00" };
|
|
39
|
+
export const ColorYellow100 = { value: "#fff9e2" };
|
|
40
|
+
export const ColorYellow200 = { value: "#fff0b1" };
|
|
41
|
+
export const ColorYellow300 = { value: "#ffe278" };
|
|
42
|
+
export const ColorYellow400 = { value: "#ffc902" };
|
|
43
|
+
export const ColorYellow500 = { value: "#ffbe00" };
|
|
44
|
+
export const ColorYellow600 = { value: "#de9500" };
|
|
45
|
+
export const ColorGreen100 = { value: "#cef8e0" };
|
|
46
|
+
export const ColorGreen200 = { value: "#89ecbc" };
|
|
47
|
+
export const ColorGreen300 = { value: "#49cc93" };
|
|
48
|
+
export const ColorGreen400 = { value: "#15a46e" };
|
|
49
|
+
export const ColorGreen500 = { value: "#007a4d" };
|
|
50
|
+
export const ColorGreen600 = { value: "#005132" };
|
|
51
|
+
export const ColorCyan100 = { value: "#e3fcff" };
|
|
52
|
+
export const ColorCyan200 = { value: "#b1f3fa" };
|
|
53
|
+
export const ColorCyan300 = { value: "#13ceea" };
|
|
54
|
+
export const ColorCyan400 = { value: "#08bfdf" };
|
|
55
|
+
export const ColorCyan500 = { value: "#0ca5c0" };
|
|
56
|
+
export const ColorCyan600 = { value: "#038299" };
|
|
57
|
+
export const ColorPurple100 = { value: "#f1edff" };
|
|
58
|
+
export const ColorPurple200 = { value: "#c1b6f2" };
|
|
59
|
+
export const ColorPurple300 = { value: "#8772e5" };
|
|
60
|
+
export const ColorPurple400 = { value: "#6954c0" };
|
|
61
|
+
export const ColorPurple500 = { value: "#4f3a9e" };
|
|
62
|
+
export const ColorPurple600 = { value: "#422799" };
|
|
63
|
+
export const ColorRed100 = { value: "#ffece9" };
|
|
64
|
+
export const ColorRed200 = { value: "#ffb2a0" };
|
|
65
|
+
export const ColorRed300 = { value: "#ff745f" };
|
|
66
|
+
export const ColorRed400 = { value: "#f94d32" };
|
|
67
|
+
export const ColorRed500 = { value: "#e13212" };
|
|
68
|
+
export const ColorRed600 = { value: "#bf2a00" };
|
|
69
|
+
export const ColorMagenta100 = { value: "#fbeaf5" };
|
|
70
|
+
export const ColorMagenta200 = { value: "#faafe2" };
|
|
71
|
+
export const ColorMagenta300 = { value: "#d949a9" };
|
|
72
|
+
export const ColorMagenta400 = { value: "#b52d88" };
|
|
73
|
+
export const ColorMagenta500 = { value: "#982071" };
|
|
74
|
+
export const ColorMagenta600 = { value: "#7d165b" };
|
|
75
|
+
export const Duration = { value: "200ms" };
|
|
76
|
+
export const DurationInstant = { value: "0ms" };
|
|
77
|
+
export const DurationFast = { value: "100ms" };
|
|
78
|
+
export const DurationSlow = { value: "300ms" };
|
|
79
|
+
export const FontFamilyBase = { value: "'Nunito Sans', sans-serif" };
|
|
80
|
+
export const FontFamilyDisplay = { value: "'Sofia Pro', SofiaPro, sans-serif" };
|
|
81
|
+
export const FontLineHeightBase = { value: "1.5" };
|
|
82
|
+
export const FontLineHeightDisplay = { value: "1.25" };
|
|
83
|
+
export const FontWeightNormal = { value: "400" };
|
|
84
|
+
export const FontWeightSemibold = { value: "600" };
|
|
85
|
+
export const FontWeightBold = { value: "700" };
|
|
86
|
+
export const FontSize100 = { value: "0.625rem" };
|
|
87
|
+
export const FontSize200 = { value: "0.75rem" };
|
|
88
|
+
export const FontSize300 = { value: "0.875rem" };
|
|
89
|
+
export const FontSize400 = { value: "1rem" };
|
|
90
|
+
export const FontSize500 = { value: "1.25rem" };
|
|
91
|
+
export const FontSize600 = { value: "1.5rem" };
|
|
92
|
+
export const FontSize700 = { value: "1.75rem" };
|
|
93
|
+
export const FontSize800 = { value: "2rem" };
|
|
94
|
+
export const FontSize900 = { value: "2.25rem" };
|
|
95
|
+
export const Size0 = { value: "0rem" };
|
|
96
|
+
export const Size1 = { value: "0.25rem" };
|
|
97
|
+
export const Size2 = { value: "0.5rem" };
|
|
98
|
+
export const Size3 = { value: "0.75rem" };
|
|
99
|
+
export const Size4 = { value: "1rem" };
|
|
100
|
+
export const Size5 = { value: "1.25rem" };
|
|
101
|
+
export const Size6 = { value: "1.5rem" };
|
|
102
|
+
export const Size7 = { value: "1.75rem" };
|
|
103
|
+
export const Size8 = { value: "2rem" };
|
|
104
|
+
export const Size9 = { value: "2.25rem" };
|
|
105
|
+
export const Size10 = { value: "2.5rem" };
|
|
106
|
+
export const Size11 = { value: "2.75rem" };
|
|
107
|
+
export const Size12 = { value: "3rem" };
|
|
108
|
+
export const Size13 = { value: "3.25rem" };
|
|
109
|
+
export const Size14 = { value: "3.5rem" };
|
|
110
|
+
export const SizeQuarter = { value: "0.0625rem" };
|
|
111
|
+
export const SizeHalf = { value: "0.125rem" };
|
|
112
|
+
export const TransitionEase = { value: "cubic-bezier(.4, 0, .2, 1)" };
|
|
113
|
+
export const TransitionEaseIn = { value: "cubic-bezier(.4, 0, 1, 1)" };
|
|
114
|
+
export const TransitionEaseOut = { value: "cubic-bezier(0, 0, .4, 1)" };
|
|
115
|
+
export const TransitionEaseInOut = { value: "cubic-bezier(.4, 0, .6, 1)" };
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
$breakpoint-sm: 640px;
|
|
2
|
+
$breakpoint-md: 768px;
|
|
3
|
+
$breakpoint-lg: 1024px;
|
|
4
|
+
$breakpoint-xl: 1280px;
|
|
5
|
+
$breakpoint-xxl: 1536px;
|
|
6
|
+
$color-blue-100: #e0f2ff;
|
|
7
|
+
$color-blue-200: #b5deff;
|
|
8
|
+
$color-blue-300: #78bbfa;
|
|
9
|
+
$color-blue-400: #3892f3;
|
|
10
|
+
$color-blue-500: #0265dc;
|
|
11
|
+
$color-blue-600: #004491;
|
|
12
|
+
$color-neutral-0: #ffffff;
|
|
13
|
+
$color-neutral-10: #fcfcfc;
|
|
14
|
+
$color-neutral-20: #fafafa;
|
|
15
|
+
$color-neutral-30: #f7f7f7;
|
|
16
|
+
$color-neutral-40: #f5f5f5;
|
|
17
|
+
$color-neutral-50: #eeeeee;
|
|
18
|
+
$color-neutral-60: #dfe0e1;
|
|
19
|
+
$color-neutral-70: #bcbcbd;
|
|
20
|
+
$color-neutral-80: #949596;
|
|
21
|
+
$color-neutral-90: #737475;
|
|
22
|
+
$color-neutral-100: #606162;
|
|
23
|
+
$color-neutral-200: #444445;
|
|
24
|
+
$color-neutral-300: #2d2e31;
|
|
25
|
+
$color-neutral-400: #141414;
|
|
26
|
+
$color-neutral-500: #040404;
|
|
27
|
+
$color-blue-grey-100: #eaeff2;
|
|
28
|
+
$color-blue-grey-200: #d0d8dd;
|
|
29
|
+
$color-blue-grey-300: #b4c1c8;
|
|
30
|
+
$color-blue-grey-400: #8c9ca5;
|
|
31
|
+
$color-blue-grey-500: #6a7a85;
|
|
32
|
+
$color-blue-grey-600: #576671;
|
|
33
|
+
$color-orange-100: #ffeccc;
|
|
34
|
+
$color-orange-200: #fdd291;
|
|
35
|
+
$color-orange-300: #ffa037;
|
|
36
|
+
$color-orange-400: #e46f00;
|
|
37
|
+
$color-orange-500: #b14c00;
|
|
38
|
+
$color-orange-600: #7a2f00;
|
|
39
|
+
$color-yellow-100: #fff9e2;
|
|
40
|
+
$color-yellow-200: #fff0b1;
|
|
41
|
+
$color-yellow-300: #ffe278;
|
|
42
|
+
$color-yellow-400: #ffc902;
|
|
43
|
+
$color-yellow-500: #ffbe00;
|
|
44
|
+
$color-yellow-600: #de9500;
|
|
45
|
+
$color-green-100: #cef8e0;
|
|
46
|
+
$color-green-200: #89ecbc;
|
|
47
|
+
$color-green-300: #49cc93;
|
|
48
|
+
$color-green-400: #15a46e;
|
|
49
|
+
$color-green-500: #007a4d;
|
|
50
|
+
$color-green-600: #005132;
|
|
51
|
+
$color-cyan-100: #e3fcff;
|
|
52
|
+
$color-cyan-200: #b1f3fa;
|
|
53
|
+
$color-cyan-300: #13ceea;
|
|
54
|
+
$color-cyan-400: #08bfdf;
|
|
55
|
+
$color-cyan-500: #0ca5c0;
|
|
56
|
+
$color-cyan-600: #038299;
|
|
57
|
+
$color-purple-100: #f1edff;
|
|
58
|
+
$color-purple-200: #c1b6f2;
|
|
59
|
+
$color-purple-300: #8772e5;
|
|
60
|
+
$color-purple-400: #6954c0;
|
|
61
|
+
$color-purple-500: #4f3a9e;
|
|
62
|
+
$color-purple-600: #422799;
|
|
63
|
+
$color-red-100: #ffece9;
|
|
64
|
+
$color-red-200: #ffb2a0;
|
|
65
|
+
$color-red-300: #ff745f;
|
|
66
|
+
$color-red-400: #f94d32;
|
|
67
|
+
$color-red-500: #e13212;
|
|
68
|
+
$color-red-600: #bf2a00;
|
|
69
|
+
$color-magenta-100: #fbeaf5;
|
|
70
|
+
$color-magenta-200: #faafe2;
|
|
71
|
+
$color-magenta-300: #d949a9;
|
|
72
|
+
$color-magenta-400: #b52d88;
|
|
73
|
+
$color-magenta-500: #982071;
|
|
74
|
+
$color-magenta-600: #7d165b;
|
|
75
|
+
$duration: 200ms;
|
|
76
|
+
$duration-instant: 0ms;
|
|
77
|
+
$duration-fast: 100ms;
|
|
78
|
+
$duration-slow: 300ms;
|
|
79
|
+
$font-family-base: 'Nunito Sans', sans-serif;
|
|
80
|
+
$font-family-display: 'Sofia Pro', SofiaPro, sans-serif;
|
|
81
|
+
$font-line-height-base: 1.5;
|
|
82
|
+
$font-line-height-display: 1.25;
|
|
83
|
+
$font-weight-normal: 400;
|
|
84
|
+
$font-weight-semibold: 600;
|
|
85
|
+
$font-weight-bold: 700;
|
|
86
|
+
$font-size-100: 0.625rem;
|
|
87
|
+
$font-size-200: 0.75rem;
|
|
88
|
+
$font-size-300: 0.875rem;
|
|
89
|
+
$font-size-400: 1rem;
|
|
90
|
+
$font-size-500: 1.25rem;
|
|
91
|
+
$font-size-600: 1.5rem;
|
|
92
|
+
$font-size-700: 1.75rem;
|
|
93
|
+
$font-size-800: 2rem;
|
|
94
|
+
$font-size-900: 2.25rem;
|
|
95
|
+
$size-0: 0rem;
|
|
96
|
+
$size-1: 0.25rem;
|
|
97
|
+
$size-2: 0.5rem;
|
|
98
|
+
$size-3: 0.75rem;
|
|
99
|
+
$size-4: 1rem;
|
|
100
|
+
$size-5: 1.25rem;
|
|
101
|
+
$size-6: 1.5rem;
|
|
102
|
+
$size-7: 1.75rem;
|
|
103
|
+
$size-8: 2rem;
|
|
104
|
+
$size-9: 2.25rem;
|
|
105
|
+
$size-10: 2.5rem;
|
|
106
|
+
$size-11: 2.75rem;
|
|
107
|
+
$size-12: 3rem;
|
|
108
|
+
$size-13: 3.25rem;
|
|
109
|
+
$size-14: 3.5rem;
|
|
110
|
+
$size-quarter: 0.0625rem;
|
|
111
|
+
$size-half: 0.125rem;
|
|
112
|
+
$transition-ease: cubic-bezier(.4, 0, .2, 1);
|
|
113
|
+
$transition-ease-in: cubic-bezier(.4, 0, 1, 1);
|
|
114
|
+
$transition-ease-out: cubic-bezier(0, 0, .4, 1);
|
|
115
|
+
$transition-ease-in-out: cubic-bezier(.4, 0, .6, 1);
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
export const common = {
|
|
2
|
+
BorderRadiusNone: "0rem",
|
|
3
|
+
BorderRadiusRounded: "0.375rem",
|
|
4
|
+
BorderRadiusPill: "500px",
|
|
5
|
+
BorderRadiusCircular: "100%",
|
|
6
|
+
BorderWidthNone: "0rem",
|
|
7
|
+
BorderWidth: "0.0625rem",
|
|
8
|
+
BorderWidthStrong: "0.125rem",
|
|
9
|
+
FocusRingWidth: "0.25rem",
|
|
10
|
+
ShadowSizeFlat: "0rem 0rem 0rem",
|
|
11
|
+
ShadowSizeFloat: "0rem 0.125rem 0.5rem",
|
|
12
|
+
ShadowSizeOverlay: "0rem 0.5rem 1.5rem",
|
|
13
|
+
TypographyParagraphSizeXsmall: "0.75rem",
|
|
14
|
+
TypographyParagraphSizeSmall: "0.875rem",
|
|
15
|
+
TypographyParagraphSize: "1rem",
|
|
16
|
+
TypographyParagraphSizeLarge: "1.25rem",
|
|
17
|
+
TypographyParagraphSizeXlarge: "1.5rem",
|
|
18
|
+
TypographyParagraphFontWeight: 400,
|
|
19
|
+
TypographyParagraphFontFamily: "'Nunito Sans', sans-serif",
|
|
20
|
+
TypographyHeadingSizeXsmall: "0.875rem",
|
|
21
|
+
TypographyHeadingSizeSmall: "1rem",
|
|
22
|
+
TypographyHeadingSize: "1.25rem",
|
|
23
|
+
TypographyHeadingSizeLarge: "1.5rem",
|
|
24
|
+
TypographyHeadingSizeXlarge: "2rem",
|
|
25
|
+
TypographyHeadingFontWeight: 700,
|
|
26
|
+
TypographyHeadingFontFamily: "'Sofia Pro', SofiaPro, sans-serif",
|
|
27
|
+
TypographyLabelSizeXsmall: "0.625rem",
|
|
28
|
+
TypographyLabelSizeSmall: "0.75rem",
|
|
29
|
+
TypographyLabelSize: "0.875rem",
|
|
30
|
+
TypographyLabelSizeLarge: "1rem",
|
|
31
|
+
TypographyLabelSizeXlarge: "1.25rem",
|
|
32
|
+
TypographyLabelFontWeight: 600,
|
|
33
|
+
TypographyLabelFontFamily: "'Nunito Sans', sans-serif"
|
|
34
|
+
}
|
|
35
|
+
export const light = {
|
|
36
|
+
BackgroundColor: "#ffffff",
|
|
37
|
+
BackgroundColorStrong: "#f7f7f7",
|
|
38
|
+
BackgroundColorStronger: "#eeeeee",
|
|
39
|
+
BackgroundColorStrongest: "#bcbcbd",
|
|
40
|
+
BackgroundColorPrimary: "#0265dc",
|
|
41
|
+
BackgroundColorPrimarySubdued: "#e0f2ff",
|
|
42
|
+
BackgroundColorDanger: "#e13212",
|
|
43
|
+
BackgroundColorWarning: "#ffbe00",
|
|
44
|
+
BackgroundColorDisabled: "#606162",
|
|
45
|
+
BackgroundColorInverted: "#2d2e31",
|
|
46
|
+
BackgroundColorInvertedStrong: "#141414",
|
|
47
|
+
BorderColor: "#949596",
|
|
48
|
+
BorderColorSubdued: "#dfe0e1",
|
|
49
|
+
BorderColorStrong: "#444445",
|
|
50
|
+
BorderColorPrimary: "#0265dc",
|
|
51
|
+
BorderColorDanger: "#e13212",
|
|
52
|
+
FocusRingColor: "#0265dc",
|
|
53
|
+
FocusRingColorDanger: "#e13212",
|
|
54
|
+
ForegroundColor: "#141414",
|
|
55
|
+
ForegroundColorSubdued: "#737475",
|
|
56
|
+
ForegroundColorPrimary: "#0265dc",
|
|
57
|
+
ForegroundColorDanger: "#e13212",
|
|
58
|
+
ForegroundColorInverted: "#ffffff",
|
|
59
|
+
ForegroundColorOnPrimary: "#ffffff",
|
|
60
|
+
ForegroundColorOnDanger: "#ffffff",
|
|
61
|
+
ForegroundColorOnWarning: "#141414",
|
|
62
|
+
OverlayColorActive: "#14141429",
|
|
63
|
+
OverlayColorActivePrimary: "#0265dc4D",
|
|
64
|
+
OverlayColorActiveDanger: "#e132124D",
|
|
65
|
+
OverlayColorActiveOn: "#14141429",
|
|
66
|
+
OverlayColorActiveOnPrimary: "#14141429",
|
|
67
|
+
OverlayColorActiveOnDanger: "#14141429",
|
|
68
|
+
OverlayColorHover: "#14141414",
|
|
69
|
+
OverlayColorHoverPrimary: "#0265dc1A",
|
|
70
|
+
OverlayColorHoverDanger: "#e132121A",
|
|
71
|
+
OverlayColorHoverOn: "#14141414",
|
|
72
|
+
OverlayColorHoverOnPrimary: "#ffffff29",
|
|
73
|
+
OverlayColorHoverOnDanger: "#ffffff29",
|
|
74
|
+
ShadowColor: "#14141414",
|
|
75
|
+
StatusColorInfo: "#0265dc",
|
|
76
|
+
StatusColorDanger: "#e13212",
|
|
77
|
+
StatusColorSuccess: "#007a4d",
|
|
78
|
+
StatusColorWarning: "#ffbe00"
|
|
79
|
+
}
|
|
80
|
+
export const dark = {
|
|
81
|
+
BackgroundColor: "#141414",
|
|
82
|
+
BackgroundColorStrong: "#2d2e31",
|
|
83
|
+
BackgroundColorStronger: "#444445",
|
|
84
|
+
BackgroundColorStrongest: "#737475",
|
|
85
|
+
BackgroundColorPrimary: "#78bbfa",
|
|
86
|
+
BackgroundColorPrimarySubdued: "#78bbfa33",
|
|
87
|
+
BackgroundColorDanger: "#ff745f",
|
|
88
|
+
BackgroundColorWarning: "#ffe278",
|
|
89
|
+
BackgroundColorDisabled: "#606162",
|
|
90
|
+
BackgroundColorInverted: "#fafafa",
|
|
91
|
+
BackgroundColorInvertedStrong: "#ffffff",
|
|
92
|
+
BorderColor: "#606162",
|
|
93
|
+
BorderColorSubdued: "#444445",
|
|
94
|
+
BorderColorStrong: "#dfe0e1",
|
|
95
|
+
BorderColorPrimary: "#78bbfa",
|
|
96
|
+
BorderColorDanger: "#ff745f",
|
|
97
|
+
FocusRingColor: "#78bbfa",
|
|
98
|
+
FocusRingColorDanger: "#ff745f",
|
|
99
|
+
ForegroundColor: "#ffffff",
|
|
100
|
+
ForegroundColorSubdued: "#bcbcbd",
|
|
101
|
+
ForegroundColorPrimary: "#78bbfa",
|
|
102
|
+
ForegroundColorDanger: "#ff745f",
|
|
103
|
+
ForegroundColorInverted: "#141414",
|
|
104
|
+
ForegroundColorOnPrimary: "#141414",
|
|
105
|
+
ForegroundColorOnDanger: "#141414",
|
|
106
|
+
ForegroundColorOnWarning: "#141414",
|
|
107
|
+
OverlayColorActive: "#ffffff29",
|
|
108
|
+
OverlayColorActivePrimary: "#78bbfa40",
|
|
109
|
+
OverlayColorActiveDanger: "#ff745f40",
|
|
110
|
+
OverlayColorActiveOn: "#14141429",
|
|
111
|
+
OverlayColorActiveOnPrimary: "#14141429",
|
|
112
|
+
OverlayColorActiveOnDanger: "#14141429",
|
|
113
|
+
OverlayColorHover: "#ffffff14",
|
|
114
|
+
OverlayColorHoverPrimary: "#78bbfa1A",
|
|
115
|
+
OverlayColorHoverDanger: "#ff745f1A",
|
|
116
|
+
OverlayColorHoverOn: "#ffffff14",
|
|
117
|
+
OverlayColorHoverOnPrimary: "#ffffff29",
|
|
118
|
+
OverlayColorHoverOnDanger: "#ffffff29",
|
|
119
|
+
ShadowColor: "#ffffff14",
|
|
120
|
+
StatusColorInfo: "#78bbfa",
|
|
121
|
+
StatusColorDanger: "#ff745f",
|
|
122
|
+
StatusColorSuccess: "#49cc93",
|
|
123
|
+
StatusColorWarning: "#ffe278"
|
|
124
|
+
}
|