@servicetitan/hammer-token 0.0.0-themeprovider-refactor.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 (37) hide show
  1. package/.turbo/turbo-build.log +28 -0
  2. package/.turbo/turbo-lint.log +4 -0
  3. package/CHANGELOG.md +260 -0
  4. package/build/web/core/css-utils/border.css +13 -0
  5. package/build/web/core/css-utils/color.css +89 -0
  6. package/build/web/core/css-utils/font.css +21 -0
  7. package/build/web/core/css-utils/spacing.css +204 -0
  8. package/build/web/core/css-utils/utils.css +322 -0
  9. package/build/web/core/index.js +4 -0
  10. package/build/web/core/primitive.js +115 -0
  11. package/build/web/core/primitive.scss +115 -0
  12. package/build/web/core/raw.js +125 -0
  13. package/build/web/core/semantic-variables.scss +150 -0
  14. package/build/web/core/semantic.js +463 -0
  15. package/build/web/core/semantic.scss +76 -0
  16. package/build/web/index.d.ts +4 -0
  17. package/build/web/index.js +3 -0
  18. package/config.js +345 -0
  19. package/package.json +25 -0
  20. package/src/global/primitive/breakpoint.json +19 -0
  21. package/src/global/primitive/color.json +231 -0
  22. package/src/global/primitive/duration.json +16 -0
  23. package/src/global/primitive/font.json +60 -0
  24. package/src/global/primitive/size.json +55 -0
  25. package/src/global/primitive/transition.json +16 -0
  26. package/src/theme/core/background.json +144 -0
  27. package/src/theme/core/border.json +84 -0
  28. package/src/theme/core/focus.json +31 -0
  29. package/src/theme/core/foreground.json +88 -0
  30. package/src/theme/core/overlay.json +134 -0
  31. package/src/theme/core/shadow.json +25 -0
  32. package/src/theme/core/status.json +46 -0
  33. package/src/theme/core/typography.json +79 -0
  34. package/src/utils/copy-css-utils-cli.js +49 -0
  35. package/src/utils/css-utils-format-utils.js +185 -0
  36. package/test.txt +1 -0
  37. package/type/types.ts +215 -0
package/build/web/core/raw.js ADDED
@@ -0,0 +1,125 @@
1
+ export const common = {
2
+ BorderRadiusNone: "0rem",
3
+ BorderRadiusRounded: "0.375rem",
4
+ BorderRadiusRoundedStrong: "1rem",
5
+ BorderRadiusPill: "500px",
6
+ BorderRadiusCircular: "100%",
7
+ BorderWidthNone: "0rem",
8
+ BorderWidth: "0.0625rem",
9
+ BorderWidthStrong: "0.125rem",
10
+ FocusRingWidth: "0.25rem",
11
+ ShadowSizeFlat: "0rem 0rem 0rem",
12
+ ShadowSizeFloat: "0rem 0.125rem 0.5rem",
13
+ ShadowSizeOverlay: "0rem 0.5rem 1.5rem",
14
+ TypographyParagraphSizeXsmall: "0.75rem",
15
+ TypographyParagraphSizeSmall: "0.875rem",
16
+ TypographyParagraphSize: "1rem",
17
+ TypographyParagraphSizeLarge: "1.25rem",
18
+ TypographyParagraphSizeXlarge: "1.5rem",
19
+ TypographyParagraphFontWeight: 400,
20
+ TypographyParagraphFontFamily: "'Nunito Sans', sans-serif",
21
+ TypographyHeadingSizeXsmall: "0.875rem",
22
+ TypographyHeadingSizeSmall: "1rem",
23
+ TypographyHeadingSize: "1.25rem",
24
+ TypographyHeadingSizeLarge: "1.5rem",
25
+ TypographyHeadingSizeXlarge: "2rem",
26
+ TypographyHeadingFontWeight: 700,
27
+ TypographyHeadingFontFamily: "'Sofia Pro', SofiaPro, sans-serif",
28
+ TypographyLabelSizeXsmall: "0.625rem",
29
+ TypographyLabelSizeSmall: "0.75rem",
30
+ TypographyLabelSize: "0.875rem",
31
+ TypographyLabelSizeLarge: "1rem",
32
+ TypographyLabelSizeXlarge: "1.25rem",
33
+ TypographyLabelFontWeight: 600,
34
+ TypographyLabelFontFamily: "'Nunito Sans', sans-serif"
35
+ }
36
+ export const light = {
37
+ BackgroundColor: "#ffffff",
38
+ BackgroundColorStrong: "#f7f7f7",
39
+ BackgroundColorStronger: "#eeeeee",
40
+ BackgroundColorStrongest: "#bcbcbd",
41
+ BackgroundColorPrimary: "#0265dc",
42
+ BackgroundColorPrimarySubdued: "#e0f2ff",
43
+ BackgroundColorDanger: "#e13212",
44
+ BackgroundColorWarning: "#ffbe00",
45
+ BackgroundColorDisabled: "#606162",
46
+ BackgroundColorInverted: "#2d2e31",
47
+ BackgroundColorInvertedStrong: "#141414",
48
+ BorderColor: "#949596",
49
+ BorderColorSubdued: "#dfe0e1",
50
+ BorderColorStrong: "#444445",
51
+ BorderColorPrimary: "#0265dc",
52
+ BorderColorDanger: "#e13212",
53
+ FocusRingColor: "#0265dc",
54
+ FocusRingColorDanger: "#e13212",
55
+ ForegroundColor: "#141414",
56
+ ForegroundColorSubdued: "#737475",
57
+ ForegroundColorPrimary: "#0265dc",
58
+ ForegroundColorDanger: "#e13212",
59
+ ForegroundColorInverted: "#ffffff",
60
+ ForegroundColorOnPrimary: "#ffffff",
61
+ ForegroundColorOnDanger: "#ffffff",
62
+ ForegroundColorOnWarning: "#141414",
63
+ OverlayColorActive: "#14141429",
64
+ OverlayColorActivePrimary: "#0265dc4D",
65
+ OverlayColorActiveDanger: "#e132124D",
66
+ OverlayColorActiveOn: "#14141429",
67
+ OverlayColorActiveOnPrimary: "#14141429",
68
+ OverlayColorActiveOnDanger: "#14141429",
69
+ OverlayColorHover: "#14141414",
70
+ OverlayColorHoverPrimary: "#0265dc1A",
71
+ OverlayColorHoverDanger: "#e132121A",
72
+ OverlayColorHoverOn: "#14141414",
73
+ OverlayColorHoverOnPrimary: "#ffffff29",
74
+ OverlayColorHoverOnDanger: "#ffffff29",
75
+ ShadowColor: "#14141414",
76
+ StatusColorInfo: "#0265dc",
77
+ StatusColorDanger: "#e13212",
78
+ StatusColorSuccess: "#007a4d",
79
+ StatusColorWarning: "#ffbe00"
80
+ }
81
+ export const dark = {
82
+ BackgroundColor: "#141414",
83
+ BackgroundColorStrong: "#2d2e31",
84
+ BackgroundColorStronger: "#444445",
85
+ BackgroundColorStrongest: "#737475",
86
+ BackgroundColorPrimary: "#78bbfa",
87
+ BackgroundColorPrimarySubdued: "#78bbfa33",
88
+ BackgroundColorDanger: "#ff745f",
89
+ BackgroundColorWarning: "#ffe278",
90
+ BackgroundColorDisabled: "#606162",
91
+ BackgroundColorInverted: "#fafafa",
92
+ BackgroundColorInvertedStrong: "#ffffff",
93
+ BorderColor: "#606162",
94
+ BorderColorSubdued: "#444445",
95
+ BorderColorStrong: "#dfe0e1",
96
+ BorderColorPrimary: "#78bbfa",
97
+ BorderColorDanger: "#ff745f",
98
+ FocusRingColor: "#78bbfa",
99
+ FocusRingColorDanger: "#ff745f",
100
+ ForegroundColor: "#ffffff",
101
+ ForegroundColorSubdued: "#bcbcbd",
102
+ ForegroundColorPrimary: "#78bbfa",
103
+ ForegroundColorDanger: "#ff745f",
104
+ ForegroundColorInverted: "#141414",
105
+ ForegroundColorOnPrimary: "#141414",
106
+ ForegroundColorOnDanger: "#141414",
107
+ ForegroundColorOnWarning: "#141414",
108
+ OverlayColorActive: "#ffffff29",
109
+ OverlayColorActivePrimary: "#78bbfa40",
110
+ OverlayColorActiveDanger: "#ff745f40",
111
+ OverlayColorActiveOn: "#14141429",
112
+ OverlayColorActiveOnPrimary: "#14141429",
113
+ OverlayColorActiveOnDanger: "#14141429",
114
+ OverlayColorHover: "#ffffff14",
115
+ OverlayColorHoverPrimary: "#78bbfa1A",
116
+ OverlayColorHoverDanger: "#ff745f1A",
117
+ OverlayColorHoverOn: "#ffffff14",
118
+ OverlayColorHoverOnPrimary: "#ffffff29",
119
+ OverlayColorHoverOnDanger: "#ffffff29",
120
+ ShadowColor: "#ffffff14",
121
+ StatusColorInfo: "#78bbfa",
122
+ StatusColorDanger: "#ff745f",
123
+ StatusColorSuccess: "#49cc93",
124
+ StatusColorWarning: "#ffe278"
125
+ }
package/build/web/core/semantic-variables.scss ADDED
@@ -0,0 +1,150 @@
1
+ $light: (
2
+ background-color: #ffffff,
3
+ background-color-strong: #f7f7f7,
4
+ background-color-stronger: #eeeeee,
5
+ background-color-strongest: #bcbcbd,
6
+ background-color-primary: #0265dc,
7
+ background-color-primary-subdued: #e0f2ff,
8
+ background-color-danger: #e13212,
9
+ background-color-warning: #ffbe00,
10
+ background-color-disabled: #606162,
11
+ background-color-inverted: #2d2e31,
12
+ background-color-inverted-strong: #141414,
13
+ border-radius-none: 0rem,
14
+ border-radius-rounded: 0.375rem,
15
+ border-radius-rounded-strong: 1rem,
16
+ border-radius-pill: 500px,
17
+ border-radius-circular: 100%,
18
+ border-width-none: 0rem,
19
+ border-width: 0.0625rem,
20
+ border-width-strong: 0.125rem,
21
+ border-color: #949596,
22
+ border-color-subdued: #dfe0e1,
23
+ border-color-strong: #444445,
24
+ border-color-primary: #0265dc,
25
+ border-color-danger: #e13212,
26
+ focus-ring-color: #0265dc,
27
+ focus-ring-color-danger: #e13212,
28
+ focus-ring-width: 0.25rem,
29
+ foreground-color: #141414,
30
+ foreground-color-subdued: #737475,
31
+ foreground-color-primary: #0265dc,
32
+ foreground-color-danger: #e13212,
33
+ foreground-color-inverted: #ffffff,
34
+ foreground-color-on-primary: #ffffff,
35
+ foreground-color-on-danger: #ffffff,
36
+ foreground-color-on-warning: #141414,
37
+ overlay-color-active: #14141429,
38
+ overlay-color-active-primary: #0265dc4D,
39
+ overlay-color-active-danger: #e132124D,
40
+ overlay-color-active-on: #14141429,
41
+ overlay-color-active-on-primary: #14141429,
42
+ overlay-color-active-on-danger: #14141429,
43
+ overlay-color-hover: #14141414,
44
+ overlay-color-hover-primary: #0265dc1A,
45
+ overlay-color-hover-danger: #e132121A,
46
+ overlay-color-hover-on: #14141414,
47
+ overlay-color-hover-on-primary: #ffffff29,
48
+ overlay-color-hover-on-danger: #ffffff29,
49
+ shadow-color: #14141414,
50
+ shadow-size-flat: 0rem 0rem 0rem,
51
+ shadow-size-float: 0rem 0.125rem 0.5rem,
52
+ shadow-size-overlay: 0rem 0.5rem 1.5rem,
53
+ status-color-info: #0265dc,
54
+ status-color-danger: #e13212,
55
+ status-color-success: #007a4d,
56
+ status-color-warning: #ffbe00,
57
+ typography-paragraph-size-xsmall: 0.75rem,
58
+ typography-paragraph-size-small: 0.875rem,
59
+ typography-paragraph-size: 1rem,
60
+ typography-paragraph-size-large: 1.25rem,
61
+ typography-paragraph-size-xlarge: 1.5rem,
62
+ typography-paragraph-font-weight: 400,
63
+ typography-heading-size-xsmall: 0.875rem,
64
+ typography-heading-size-small: 1rem,
65
+ typography-heading-size: 1.25rem,
66
+ typography-heading-size-large: 1.5rem,
67
+ typography-heading-size-xlarge: 2rem,
68
+ typography-heading-font-weight: 700,
69
+ typography-label-size-xsmall: 0.625rem,
70
+ typography-label-size-small: 0.75rem,
71
+ typography-label-size: 0.875rem,
72
+ typography-label-size-large: 1rem,
73
+ typography-label-size-xlarge: 1.25rem,
74
+ typography-label-font-weight: 600,
75
+ );
76
+ $dark: (
77
+ background-color: #141414,
78
+ background-color-strong: #2d2e31,
79
+ background-color-stronger: #444445,
80
+ background-color-strongest: #737475,
81
+ background-color-primary: #78bbfa,
82
+ background-color-primary-subdued: #78bbfa33,
83
+ background-color-danger: #ff745f,
84
+ background-color-warning: #ffe278,
85
+ background-color-disabled: #606162,
86
+ background-color-inverted: #fafafa,
87
+ background-color-inverted-strong: #ffffff,
88
+ border-radius-none: 0rem,
89
+ border-radius-rounded: 0.375rem,
90
+ border-radius-rounded-strong: 1rem,
91
+ border-radius-pill: 500px,
92
+ border-radius-circular: 100%,
93
+ border-width-none: 0rem,
94
+ border-width: 0.0625rem,
95
+ border-width-strong: 0.125rem,
96
+ border-color: #606162,
97
+ border-color-subdued: #444445,
98
+ border-color-strong: #dfe0e1,
99
+ border-color-primary: #78bbfa,
100
+ border-color-danger: #ff745f,
101
+ focus-ring-color: #78bbfa,
102
+ focus-ring-color-danger: #ff745f,
103
+ focus-ring-width: 0.25rem,
104
+ foreground-color: #ffffff,
105
+ foreground-color-subdued: #bcbcbd,
106
+ foreground-color-primary: #78bbfa,
107
+ foreground-color-danger: #ff745f,
108
+ foreground-color-inverted: #141414,
109
+ foreground-color-on-primary: #141414,
110
+ foreground-color-on-danger: #141414,
111
+ foreground-color-on-warning: #141414,
112
+ overlay-color-active: #ffffff29,
113
+ overlay-color-active-primary: #78bbfa40,
114
+ overlay-color-active-danger: #ff745f40,
115
+ overlay-color-active-on: #14141429,
116
+ overlay-color-active-on-primary: #14141429,
117
+ overlay-color-active-on-danger: #14141429,
118
+ overlay-color-hover: #ffffff14,
119
+ overlay-color-hover-primary: #78bbfa1A,
120
+ overlay-color-hover-danger: #ff745f1A,
121
+ overlay-color-hover-on: #ffffff14,
122
+ overlay-color-hover-on-primary: #ffffff29,
123
+ overlay-color-hover-on-danger: #ffffff29,
124
+ shadow-color: #ffffff14,
125
+ shadow-size-flat: 0rem 0rem 0rem,
126
+ shadow-size-float: 0rem 0.125rem 0.5rem,
127
+ shadow-size-overlay: 0rem 0.5rem 1.5rem,
128
+ status-color-info: #78bbfa,
129
+ status-color-danger: #ff745f,
130
+ status-color-success: #49cc93,
131
+ status-color-warning: #ffe278,
132
+ typography-paragraph-size-xsmall: 0.75rem,
133
+ typography-paragraph-size-small: 0.875rem,
134
+ typography-paragraph-size: 1rem,
135
+ typography-paragraph-size-large: 1.25rem,
136
+ typography-paragraph-size-xlarge: 1.5rem,
137
+ typography-paragraph-font-weight: 400,
138
+ typography-heading-size-xsmall: 0.875rem,
139
+ typography-heading-size-small: 1rem,
140
+ typography-heading-size: 1.25rem,
141
+ typography-heading-size-large: 1.5rem,
142
+ typography-heading-size-xlarge: 2rem,
143
+ typography-heading-font-weight: 700,
144
+ typography-label-size-xsmall: 0.625rem,
145
+ typography-label-size-small: 0.75rem,
146
+ typography-label-size: 0.875rem,
147
+ typography-label-size-large: 1rem,
148
+ typography-label-size-xlarge: 1.25rem,
149
+ typography-label-font-weight: 600,
150
+ );