@charcoal-ui/theme 5.0.0-beta.3 → 5.0.0-beta.4

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 (13) hide show
  1. package/dist/index.cjs +117 -92
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts.map +1 -1
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +117 -89
  6. package/dist/index.js.map +1 -1
  7. package/dist/unstable-token-object/index.cjs +25 -3
  8. package/dist/unstable-token-object/index.cjs.map +1 -1
  9. package/package.json +5 -5
  10. package/src/default.test.ts +211 -0
  11. package/src/default.ts +167 -131
  12. package/theme.json +242 -242
  13. package/dist/chunk-CUT6urMc.cjs +0 -30
package/dist/index.cjs CHANGED
@@ -1,149 +1,174 @@
1
- const require_chunk = require('./chunk-CUT6urMc.cjs');
2
- let polished_lib_color_rgba = require("polished/lib/color/rgba");
3
- polished_lib_color_rgba = require_chunk.__toESM(polished_lib_color_rgba);
4
- let __charcoal_ui_foundation = require("@charcoal-ui/foundation");
5
- __charcoal_ui_foundation = require_chunk.__toESM(__charcoal_ui_foundation);
6
- let __charcoal_ui_utils = require("@charcoal-ui/utils");
7
- __charcoal_ui_utils = require_chunk.__toESM(__charcoal_ui_utils);
8
1
 
9
2
  //#region src/default.ts
10
- const outlineEffect = {
11
- type: "opacity",
12
- opacity: .32
13
- };
14
- const assertive = "#ff2b00";
15
- const brand = "#0096fa";
16
- const borderForLight = (0, polished_lib_color_rgba.default)("#000000", .08);
17
- const borderForDark = (0, polished_lib_color_rgba.default)("#ffffff", .12);
18
3
  const common = {
19
- typography: { size: __charcoal_ui_foundation.TYPOGRAPHY_SIZE },
20
- spacing: __charcoal_ui_foundation.SPACING,
21
- grid: { unit: {
22
- column: __charcoal_ui_foundation.COLUMN_UNIT,
23
- gutter: __charcoal_ui_foundation.GUTTER_UNIT
24
- } },
25
- borderRadius: __charcoal_ui_foundation.BORDER_RADIUS,
26
- transition: { default: { duration: .2 } },
4
+ borderRadius: {
5
+ "4": 4,
6
+ "8": 8,
7
+ "16": 16,
8
+ "24": 24,
9
+ none: 0,
10
+ oval: 999999
11
+ },
27
12
  breakpoint: {
28
- screen1: __charcoal_ui_foundation.BREAKPOINT[6],
29
- screen2: __charcoal_ui_foundation.BREAKPOINT[8],
30
- screen3: __charcoal_ui_foundation.BREAKPOINT[10],
31
- screen4: __charcoal_ui_foundation.BREAKPOINT[12]
13
+ screen1: 744,
14
+ screen2: 952,
15
+ screen3: 1160,
16
+ screen4: 1368
32
17
  },
18
+ elementEffect: { disabled: {
19
+ opacity: .32,
20
+ type: "opacity"
21
+ } },
33
22
  gradientColor: {
34
- surface5: [{
35
- color: (0, polished_lib_color_rgba.default)("#000000", .32),
23
+ callToAction: [{
24
+ color: "#d1ff1a",
36
25
  ratio: 0
37
26
  }, {
38
- color: (0, polished_lib_color_rgba.default)("#000000", 0),
27
+ color: "#1ad1ff",
39
28
  ratio: 100
40
29
  }],
41
- callToAction: [{
42
- color: "#d1ff1a",
30
+ surface5: [{
31
+ color: "rgba(0,0,0,0.32)",
43
32
  ratio: 0
44
33
  }, {
45
- color: "#1ad1ff",
34
+ color: "rgba(0,0,0,0)",
46
35
  ratio: 100
47
36
  }]
48
37
  },
38
+ grid: { unit: {
39
+ column: 80,
40
+ gutter: 24
41
+ } },
49
42
  outline: {
50
- default: {
51
- color: (0, __charcoal_ui_utils.applyEffect)(brand, outlineEffect),
43
+ assertive: {
44
+ color: "rgba(255,43,0,0.32)",
52
45
  weight: 4
53
46
  },
54
- assertive: {
55
- color: (0, __charcoal_ui_utils.applyEffect)(assertive, outlineEffect),
47
+ default: {
48
+ color: "rgba(0,150,250,0.32)",
56
49
  weight: 4
57
50
  }
58
51
  },
59
- elementEffect: { disabled: {
60
- type: "opacity",
61
- opacity: .32
52
+ spacing: {
53
+ "0": 0,
54
+ "4": 4,
55
+ "8": 8,
56
+ "16": 16,
57
+ "24": 24,
58
+ "40": 40,
59
+ "64": 64,
60
+ "104": 104,
61
+ "168": 168,
62
+ "272": 272,
63
+ "440": 440
64
+ },
65
+ transition: { default: { duration: .2 } },
66
+ typography: { size: {
67
+ "12": {
68
+ fontSize: 12,
69
+ lineHeight: 20
70
+ },
71
+ "14": {
72
+ fontSize: 14,
73
+ lineHeight: 22
74
+ },
75
+ "16": {
76
+ fontSize: 16,
77
+ lineHeight: 24
78
+ },
79
+ "20": {
80
+ fontSize: 20,
81
+ lineHeight: 28
82
+ },
83
+ "32": {
84
+ fontSize: 32,
85
+ lineHeight: 40
86
+ }
62
87
  } }
63
88
  };
64
89
  const light = {
65
90
  ...common,
66
- effect: {
67
- hover: {
68
- type: "alpha",
69
- color: (0, polished_lib_color_rgba.default)("#000000", .04)
70
- },
71
- press: {
72
- type: "alpha",
73
- color: (0, polished_lib_color_rgba.default)("#000000", .16)
74
- }
75
- },
91
+ border: { default: { color: "rgba(0,0,0,0.08)" } },
76
92
  color: {
77
- transparent: (0, polished_lib_color_rgba.default)("#000000", 0),
93
+ assertive: "#ff2b00",
78
94
  background1: "#ffffff",
79
95
  background2: "#f5f5f5",
80
- icon6: (0, polished_lib_color_rgba.default)("#ffffff", .28),
96
+ border: "rgba(0,0,0,0.08)",
97
+ brand: "#0096fa",
98
+ icon6: "rgba(255,255,255,0.28)",
81
99
  link1: "#3d7699",
82
- link2: (0, polished_lib_color_rgba.default)("#ffffff", .36),
100
+ link2: "rgba(255,255,255,0.36)",
101
+ success: "#b1cc29",
83
102
  surface1: "#ffffff",
84
- surface2: (0, polished_lib_color_rgba.default)("#000000", .02),
85
- surface3: (0, polished_lib_color_rgba.default)("#000000", .04),
86
- surface4: (0, polished_lib_color_rgba.default)("#000000", .32),
87
- surface6: (0, polished_lib_color_rgba.default)("#000000", .88),
88
- surface7: (0, polished_lib_color_rgba.default)("#000000", .02),
89
- surface8: (0, polished_lib_color_rgba.default)("#000000", .88),
103
+ surface10: "rgba(0,0,0,0.16)",
104
+ surface2: "rgba(0,0,0,0.02)",
105
+ surface3: "rgba(0,0,0,0.04)",
106
+ surface4: "rgba(0,0,0,0.32)",
107
+ surface6: "rgba(0,0,0,0.88)",
108
+ surface7: "rgba(0,0,0,0.02)",
109
+ surface8: "rgba(0,0,0,0.88)",
90
110
  surface9: "#ffffff",
91
- surface10: (0, polished_lib_color_rgba.default)("#000000", .16),
92
111
  text1: "#1f1f1f",
93
112
  text2: "#474747",
94
113
  text3: "#858585",
95
114
  text4: "#adadad",
96
115
  text5: "#ffffff",
97
- brand,
98
- assertive,
99
- warning: "#ffaf0f",
100
- success: "#b1cc29",
101
- updatedItem: (0, polished_lib_color_rgba.default)(0, 150, 250, .04),
102
- border: borderForLight
116
+ transparent: "rgba(0,0,0,0)",
117
+ updatedItem: "rgba(0,150,250,0.04)",
118
+ warning: "#ffaf0f"
103
119
  },
104
- border: { default: { color: borderForLight } }
105
- };
106
- const dark = {
107
- ...common,
108
120
  effect: {
109
121
  hover: {
110
- type: "alpha",
111
- color: (0, polished_lib_color_rgba.default)("#ffffff", .12)
122
+ color: "rgba(0,0,0,0.04)",
123
+ type: "alpha"
112
124
  },
113
125
  press: {
114
- type: "alpha",
115
- color: (0, polished_lib_color_rgba.default)("#ffffff", .2)
126
+ color: "rgba(0,0,0,0.16)",
127
+ type: "alpha"
116
128
  }
117
- },
129
+ }
130
+ };
131
+ const dark = {
132
+ ...common,
133
+ border: { default: { color: "rgba(255,255,255,0.12)" } },
118
134
  color: {
119
- transparent: (0, polished_lib_color_rgba.default)("#000000", 0),
135
+ assertive: "#ff2b00",
120
136
  background1: "#1f1f1f",
121
137
  background2: "#000000",
122
- icon6: light.color.icon6,
138
+ border: "rgba(255,255,255,0.12)",
139
+ brand: "#0096fa",
140
+ icon6: "rgba(255,255,255,0.28)",
123
141
  link1: "#669FC2",
124
- link2: light.color.link2,
142
+ link2: "rgba(255,255,255,0.36)",
143
+ success: "#b1cc29",
125
144
  surface1: "#1f1f1f",
126
- surface2: (0, polished_lib_color_rgba.default)("#000000", .16),
127
- surface3: (0, polished_lib_color_rgba.default)("#ffffff", .12),
128
- surface4: light.color.surface4,
129
- surface6: (0, polished_lib_color_rgba.default)("#ffffff", .12),
130
- surface7: (0, polished_lib_color_rgba.default)("#000000", 0),
131
- surface8: light.color.surface8,
145
+ surface10: "rgba(255,255,255,0.2)",
146
+ surface2: "rgba(0,0,0,0.16)",
147
+ surface3: "rgba(255,255,255,0.12)",
148
+ surface4: "rgba(0,0,0,0.32)",
149
+ surface6: "rgba(255,255,255,0.12)",
150
+ surface7: "rgba(0,0,0,0)",
151
+ surface8: "rgba(0,0,0,0.88)",
132
152
  surface9: "#333333",
133
- surface10: (0, polished_lib_color_rgba.default)("#ffffff", .2),
134
153
  text1: "#f5f5f5",
135
154
  text2: "#d6d6d6",
136
155
  text3: "#858585",
137
156
  text4: "#5c5c5c",
138
157
  text5: "#f5f5f5",
139
- brand,
140
- assertive,
141
- warning: light.color.warning,
142
- success: light.color.success,
143
- updatedItem: (0, polished_lib_color_rgba.default)(0, 150, 250, .12),
144
- border: borderForDark
158
+ transparent: "rgba(0,0,0,0)",
159
+ updatedItem: "rgba(0,150,250,0.12)",
160
+ warning: "#ffaf0f"
145
161
  },
146
- border: { default: { color: borderForDark } }
162
+ effect: {
163
+ hover: {
164
+ color: "rgba(255,255,255,0.12)",
165
+ type: "alpha"
166
+ },
167
+ press: {
168
+ color: "rgba(255,255,255,0.2)",
169
+ type: "alpha"
170
+ }
171
+ }
147
172
  };
148
173
 
149
174
  //#endregion
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":["TYPOGRAPHY_SIZE","SPACING","COLUMN_UNIT","GUTTER_UNIT","BORDER_RADIUS","BREAKPOINT","light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/default.ts"],"sourcesContent":["import rgba from 'polished/lib/color/rgba'\nimport { CharcoalTheme } from './theme'\nimport {\n BORDER_RADIUS,\n BREAKPOINT,\n COLUMN_UNIT,\n GUTTER_UNIT,\n SPACING,\n TYPOGRAPHY_SIZE,\n} from '@charcoal-ui/foundation'\nimport { applyEffect } from '@charcoal-ui/utils'\n\nconst outlineEffect = {\n type: 'opacity',\n opacity: 0.32,\n} as const\n\nconst assertive = '#ff2b00'\nconst brand = '#0096fa'\nconst borderForLight = rgba('#000000', 0.08)\nconst borderForDark = rgba('#ffffff', 0.12)\n\nconst common = {\n typography: {\n size: TYPOGRAPHY_SIZE,\n },\n spacing: SPACING,\n grid: {\n unit: {\n column: COLUMN_UNIT,\n gutter: GUTTER_UNIT,\n },\n },\n borderRadius: BORDER_RADIUS,\n transition: {\n default: {\n duration: 0.2,\n },\n },\n breakpoint: {\n screen1: BREAKPOINT[6],\n screen2: BREAKPOINT[8],\n screen3: BREAKPOINT[10],\n screen4: BREAKPOINT[12],\n },\n gradientColor: {\n surface5: [\n { color: rgba('#000000', 0.32), ratio: 0 },\n { color: rgba('#000000', 0), ratio: 100 },\n ],\n callToAction: [\n { color: '#d1ff1a', ratio: 0 },\n { color: '#1ad1ff', ratio: 100 },\n ],\n },\n outline: {\n default: {\n color: applyEffect(brand, outlineEffect),\n weight: 4,\n },\n assertive: {\n color: applyEffect(assertive, outlineEffect),\n weight: 4,\n },\n },\n elementEffect: {\n disabled: {\n type: 'opacity',\n opacity: 0.32,\n },\n },\n} as const\n\nexport const light: CharcoalTheme = {\n ...common,\n effect: {\n hover: {\n type: 'alpha',\n color: rgba('#000000', 0.04), // surface3\n },\n press: {\n type: 'alpha',\n color: rgba('#000000', 0.16), // surface10\n },\n },\n color: {\n // TODO: colors should be picked from foundation color palette\n transparent: rgba('#000000', 0),\n background1: '#ffffff',\n background2: '#f5f5f5',\n icon6: rgba('#ffffff', 0.28),\n link1: '#3d7699',\n link2: rgba('#ffffff', 0.36),\n surface1: '#ffffff',\n surface2: rgba('#000000', 0.02),\n surface3: rgba('#000000', 0.04),\n surface4: rgba('#000000', 0.32),\n surface6: rgba('#000000', 0.88),\n surface7: rgba('#000000', 0.02),\n surface8: rgba('#000000', 0.88),\n surface9: '#ffffff',\n surface10: rgba('#000000', 0.16),\n text1: '#1f1f1f',\n text2: '#474747',\n text3: '#858585',\n text4: '#adadad',\n text5: '#ffffff',\n brand,\n assertive,\n warning: '#ffaf0f',\n success: '#b1cc29',\n updatedItem: rgba(0, 150, 250, 0.04),\n border: borderForLight,\n },\n border: {\n default: {\n color: borderForLight,\n },\n },\n}\n\nexport const dark: CharcoalTheme = {\n ...common,\n effect: {\n hover: {\n type: 'alpha',\n color: rgba('#ffffff', 0.12), // surface3\n },\n press: {\n type: 'alpha',\n color: rgba('#ffffff', 0.2), // surface10\n },\n },\n color: {\n transparent: rgba('#000000', 0),\n background1: '#1f1f1f',\n background2: '#000000',\n icon6: light.color.icon6,\n link1: '#669FC2',\n link2: light.color.link2,\n surface1: '#1f1f1f',\n surface2: rgba('#000000', 0.16),\n surface3: rgba('#ffffff', 0.12),\n surface4: light.color.surface4,\n surface6: rgba('#ffffff', 0.12),\n surface7: rgba('#000000', 0),\n surface8: light.color.surface8,\n surface9: '#333333',\n surface10: rgba('#ffffff', 0.2),\n text1: '#f5f5f5',\n text2: '#d6d6d6',\n text3: '#858585',\n text4: '#5c5c5c',\n text5: '#f5f5f5',\n brand,\n assertive,\n warning: light.color.warning,\n success: light.color.success,\n updatedItem: rgba(0, 150, 250, 0.12),\n border: borderForDark,\n },\n border: {\n default: {\n color: borderForDark,\n },\n },\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,YAAY;AAClB,MAAM,QAAQ;AACd,MAAM,sDAAsB,WAAW,IAAK;AAC5C,MAAM,qDAAqB,WAAW,IAAK;AAE3C,MAAM,SAAS;CACb,YAAY,EACV,MAAMA,0CACP;CACD,SAASC;CACT,MAAM,EACJ,MAAM;EACJ,QAAQC;EACR,QAAQC;EACT,EACF;CACD,cAAcC;CACd,YAAY,EACV,SAAS,EACP,UAAU,IACX,EACF;CACD,YAAY;EACV,SAASC,oCAAW;EACpB,SAASA,oCAAW;EACpB,SAASA,oCAAW;EACpB,SAASA,oCAAW;EACrB;CACD,eAAe;EACb,UAAU,CACR;GAAE,4CAAY,WAAW,IAAK;GAAE,OAAO;GAAG,EAC1C;GAAE,4CAAY,WAAW,EAAE;GAAE,OAAO;GAAK,CAC1C;EACD,cAAc,CACZ;GAAE,OAAO;GAAW,OAAO;GAAG,EAC9B;GAAE,OAAO;GAAW,OAAO;GAAK,CACjC;EACF;CACD,SAAS;EACP,SAAS;GACP,4CAAmB,OAAO,cAAc;GACxC,QAAQ;GACT;EACD,WAAW;GACT,4CAAmB,WAAW,cAAc;GAC5C,QAAQ;GACT;EACF;CACD,eAAe,EACb,UAAU;EACR,MAAM;EACN,SAAS;EACV,EACF;CACF;AAED,MAAaC,QAAuB;CAClC,GAAG;CACH,QAAQ;EACN,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACD,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACF;CACD,OAAO;EAEL,kDAAkB,WAAW,EAAE;EAC/B,aAAa;EACb,aAAa;EACb,4CAAY,WAAW,IAAK;EAC5B,OAAO;EACP,4CAAY,WAAW,IAAK;EAC5B,UAAU;EACV,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,UAAU;EACV,gDAAgB,WAAW,IAAK;EAChC,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP;EACA;EACA,SAAS;EACT,SAAS;EACT,kDAAkB,GAAG,KAAK,KAAK,IAAK;EACpC,QAAQ;EACT;CACD,QAAQ,EACN,SAAS,EACP,OAAO,gBACR,EACF;CACF;AAED,MAAaC,OAAsB;CACjC,GAAG;CACH,QAAQ;EACN,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACD,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,GAAI;GAC5B;EACF;CACD,OAAO;EACL,kDAAkB,WAAW,EAAE;EAC/B,aAAa;EACb,aAAa;EACb,OAAO,MAAM,MAAM;EACnB,OAAO;EACP,OAAO,MAAM,MAAM;EACnB,UAAU;EACV,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,UAAU,MAAM,MAAM;EACtB,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,EAAE;EAC5B,UAAU,MAAM,MAAM;EACtB,UAAU;EACV,gDAAgB,WAAW,GAAI;EAC/B,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP;EACA;EACA,SAAS,MAAM,MAAM;EACrB,SAAS,MAAM,MAAM;EACrB,kDAAkB,GAAG,KAAK,KAAK,IAAK;EACpC,QAAQ;EACT;CACD,QAAQ,EACN,SAAS,EACP,OAAO,eACR,EACF;CACF"}
1
+ {"version":3,"file":"index.cjs","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/default.ts"],"sourcesContent":["/** This file is auto generated. DO NOT EDIT BY HAND. */\nimport { CharcoalTheme } from './theme'\n\nconst common = {\n borderRadius: {\n '4': 4,\n '8': 8,\n '16': 16,\n '24': 24,\n none: 0,\n oval: 999999,\n },\n breakpoint: {\n screen1: 744,\n screen2: 952,\n screen3: 1160,\n screen4: 1368,\n },\n elementEffect: {\n disabled: {\n opacity: 0.32,\n type: 'opacity',\n },\n },\n gradientColor: {\n callToAction: [\n {\n color: '#d1ff1a',\n ratio: 0,\n },\n {\n color: '#1ad1ff',\n ratio: 100,\n },\n ],\n surface5: [\n {\n color: 'rgba(0,0,0,0.32)',\n ratio: 0,\n },\n {\n color: 'rgba(0,0,0,0)',\n ratio: 100,\n },\n ],\n },\n grid: {\n unit: {\n column: 80,\n gutter: 24,\n },\n },\n outline: {\n assertive: {\n color: 'rgba(255,43,0,0.32)',\n weight: 4,\n },\n default: {\n color: 'rgba(0,150,250,0.32)',\n weight: 4,\n },\n },\n spacing: {\n '0': 0,\n '4': 4,\n '8': 8,\n '16': 16,\n '24': 24,\n '40': 40,\n '64': 64,\n '104': 104,\n '168': 168,\n '272': 272,\n '440': 440,\n },\n transition: {\n default: {\n duration: 0.2,\n },\n },\n typography: {\n size: {\n '12': {\n fontSize: 12,\n lineHeight: 20,\n },\n '14': {\n fontSize: 14,\n lineHeight: 22,\n },\n '16': {\n fontSize: 16,\n lineHeight: 24,\n },\n '20': {\n fontSize: 20,\n lineHeight: 28,\n },\n '32': {\n fontSize: 32,\n lineHeight: 40,\n },\n },\n },\n} as const\n\nexport const light: CharcoalTheme = {\n ...common,\n ...{\n border: {\n default: {\n color: 'rgba(0,0,0,0.08)',\n },\n },\n color: {\n assertive: '#ff2b00',\n background1: '#ffffff',\n background2: '#f5f5f5',\n border: 'rgba(0,0,0,0.08)',\n brand: '#0096fa',\n icon6: 'rgba(255,255,255,0.28)',\n link1: '#3d7699',\n link2: 'rgba(255,255,255,0.36)',\n success: '#b1cc29',\n surface1: '#ffffff',\n surface10: 'rgba(0,0,0,0.16)',\n surface2: 'rgba(0,0,0,0.02)',\n surface3: 'rgba(0,0,0,0.04)',\n surface4: 'rgba(0,0,0,0.32)',\n surface6: 'rgba(0,0,0,0.88)',\n surface7: 'rgba(0,0,0,0.02)',\n surface8: 'rgba(0,0,0,0.88)',\n surface9: '#ffffff',\n text1: '#1f1f1f',\n text2: '#474747',\n text3: '#858585',\n text4: '#adadad',\n text5: '#ffffff',\n transparent: 'rgba(0,0,0,0)',\n updatedItem: 'rgba(0,150,250,0.04)',\n warning: '#ffaf0f',\n },\n effect: {\n hover: {\n color: 'rgba(0,0,0,0.04)',\n type: 'alpha',\n },\n press: {\n color: 'rgba(0,0,0,0.16)',\n type: 'alpha',\n },\n },\n },\n}\n\nexport const dark: CharcoalTheme = {\n ...common,\n ...{\n border: {\n default: {\n color: 'rgba(255,255,255,0.12)',\n },\n },\n color: {\n assertive: '#ff2b00',\n background1: '#1f1f1f',\n background2: '#000000',\n border: 'rgba(255,255,255,0.12)',\n brand: '#0096fa',\n icon6: 'rgba(255,255,255,0.28)',\n link1: '#669FC2',\n link2: 'rgba(255,255,255,0.36)',\n success: '#b1cc29',\n surface1: '#1f1f1f',\n surface10: 'rgba(255,255,255,0.2)',\n surface2: 'rgba(0,0,0,0.16)',\n surface3: 'rgba(255,255,255,0.12)',\n surface4: 'rgba(0,0,0,0.32)',\n surface6: 'rgba(255,255,255,0.12)',\n surface7: 'rgba(0,0,0,0)',\n surface8: 'rgba(0,0,0,0.88)',\n surface9: '#333333',\n text1: '#f5f5f5',\n text2: '#d6d6d6',\n text3: '#858585',\n text4: '#5c5c5c',\n text5: '#f5f5f5',\n transparent: 'rgba(0,0,0,0)',\n updatedItem: 'rgba(0,150,250,0.12)',\n warning: '#ffaf0f',\n },\n effect: {\n hover: {\n color: 'rgba(255,255,255,0.12)',\n type: 'alpha',\n },\n press: {\n color: 'rgba(255,255,255,0.2)',\n type: 'alpha',\n },\n },\n },\n}\n"],"mappings":";;AAGA,MAAM,SAAS;CACb,cAAc;EACZ,KAAK;EACL,KAAK;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD,YAAY;EACV,SAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACV;CACD,eAAe,EACb,UAAU;EACR,SAAS;EACT,MAAM;EACP,EACF;CACD,eAAe;EACb,cAAc,CACZ;GACE,OAAO;GACP,OAAO;GACR,EACD;GACE,OAAO;GACP,OAAO;GACR,CACF;EACD,UAAU,CACR;GACE,OAAO;GACP,OAAO;GACR,EACD;GACE,OAAO;GACP,OAAO;GACR,CACF;EACF;CACD,MAAM,EACJ,MAAM;EACJ,QAAQ;EACR,QAAQ;EACT,EACF;CACD,SAAS;EACP,WAAW;GACT,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACT;EACF;CACD,SAAS;EACP,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACR;CACD,YAAY,EACV,SAAS,EACP,UAAU,IACX,EACF;CACD,YAAY,EACV,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACF,EACF;CACF;AAED,MAAaA,QAAuB;CAClC,GAAG;CAED,QAAQ,EACN,SAAS,EACP,OAAO,oBACR,EACF;CACD,OAAO;EACL,WAAW;EACX,aAAa;EACb,aAAa;EACb,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,SAAS;EACT,UAAU;EACV,WAAW;EACX,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,aAAa;EACb,aAAa;EACb,SAAS;EACV;CACD,QAAQ;EACN,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACD,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACF;CAEJ;AAED,MAAaC,OAAsB;CACjC,GAAG;CAED,QAAQ,EACN,SAAS,EACP,OAAO,0BACR,EACF;CACD,OAAO;EACL,WAAW;EACX,aAAa;EACb,aAAa;EACb,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,SAAS;EACT,UAAU;EACV,WAAW;EACX,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;EACV,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,aAAa;EACb,aAAa;EACb,SAAS;EACV;CACD,QAAQ;EACN,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACD,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACF;CAEJ"}
package/dist/index.d.cts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.cts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":"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"}
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,145 +1,173 @@
1
- import rgba from "polished/lib/color/rgba";
2
- import { BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, GUTTER_UNIT, SPACING, TYPOGRAPHY_SIZE } from "@charcoal-ui/foundation";
3
- import { applyEffect } from "@charcoal-ui/utils";
4
-
5
1
  //#region src/default.ts
6
- const outlineEffect = {
7
- type: "opacity",
8
- opacity: .32
9
- };
10
- const assertive = "#ff2b00";
11
- const brand = "#0096fa";
12
- const borderForLight = rgba("#000000", .08);
13
- const borderForDark = rgba("#ffffff", .12);
14
2
  const common = {
15
- typography: { size: TYPOGRAPHY_SIZE },
16
- spacing: SPACING,
17
- grid: { unit: {
18
- column: COLUMN_UNIT,
19
- gutter: GUTTER_UNIT
20
- } },
21
- borderRadius: BORDER_RADIUS,
22
- transition: { default: { duration: .2 } },
3
+ borderRadius: {
4
+ "4": 4,
5
+ "8": 8,
6
+ "16": 16,
7
+ "24": 24,
8
+ none: 0,
9
+ oval: 999999
10
+ },
23
11
  breakpoint: {
24
- screen1: BREAKPOINT[6],
25
- screen2: BREAKPOINT[8],
26
- screen3: BREAKPOINT[10],
27
- screen4: BREAKPOINT[12]
12
+ screen1: 744,
13
+ screen2: 952,
14
+ screen3: 1160,
15
+ screen4: 1368
28
16
  },
17
+ elementEffect: { disabled: {
18
+ opacity: .32,
19
+ type: "opacity"
20
+ } },
29
21
  gradientColor: {
30
- surface5: [{
31
- color: rgba("#000000", .32),
22
+ callToAction: [{
23
+ color: "#d1ff1a",
32
24
  ratio: 0
33
25
  }, {
34
- color: rgba("#000000", 0),
26
+ color: "#1ad1ff",
35
27
  ratio: 100
36
28
  }],
37
- callToAction: [{
38
- color: "#d1ff1a",
29
+ surface5: [{
30
+ color: "rgba(0,0,0,0.32)",
39
31
  ratio: 0
40
32
  }, {
41
- color: "#1ad1ff",
33
+ color: "rgba(0,0,0,0)",
42
34
  ratio: 100
43
35
  }]
44
36
  },
37
+ grid: { unit: {
38
+ column: 80,
39
+ gutter: 24
40
+ } },
45
41
  outline: {
46
- default: {
47
- color: applyEffect(brand, outlineEffect),
42
+ assertive: {
43
+ color: "rgba(255,43,0,0.32)",
48
44
  weight: 4
49
45
  },
50
- assertive: {
51
- color: applyEffect(assertive, outlineEffect),
46
+ default: {
47
+ color: "rgba(0,150,250,0.32)",
52
48
  weight: 4
53
49
  }
54
50
  },
55
- elementEffect: { disabled: {
56
- type: "opacity",
57
- opacity: .32
51
+ spacing: {
52
+ "0": 0,
53
+ "4": 4,
54
+ "8": 8,
55
+ "16": 16,
56
+ "24": 24,
57
+ "40": 40,
58
+ "64": 64,
59
+ "104": 104,
60
+ "168": 168,
61
+ "272": 272,
62
+ "440": 440
63
+ },
64
+ transition: { default: { duration: .2 } },
65
+ typography: { size: {
66
+ "12": {
67
+ fontSize: 12,
68
+ lineHeight: 20
69
+ },
70
+ "14": {
71
+ fontSize: 14,
72
+ lineHeight: 22
73
+ },
74
+ "16": {
75
+ fontSize: 16,
76
+ lineHeight: 24
77
+ },
78
+ "20": {
79
+ fontSize: 20,
80
+ lineHeight: 28
81
+ },
82
+ "32": {
83
+ fontSize: 32,
84
+ lineHeight: 40
85
+ }
58
86
  } }
59
87
  };
60
88
  const light = {
61
89
  ...common,
62
- effect: {
63
- hover: {
64
- type: "alpha",
65
- color: rgba("#000000", .04)
66
- },
67
- press: {
68
- type: "alpha",
69
- color: rgba("#000000", .16)
70
- }
71
- },
90
+ border: { default: { color: "rgba(0,0,0,0.08)" } },
72
91
  color: {
73
- transparent: rgba("#000000", 0),
92
+ assertive: "#ff2b00",
74
93
  background1: "#ffffff",
75
94
  background2: "#f5f5f5",
76
- icon6: rgba("#ffffff", .28),
95
+ border: "rgba(0,0,0,0.08)",
96
+ brand: "#0096fa",
97
+ icon6: "rgba(255,255,255,0.28)",
77
98
  link1: "#3d7699",
78
- link2: rgba("#ffffff", .36),
99
+ link2: "rgba(255,255,255,0.36)",
100
+ success: "#b1cc29",
79
101
  surface1: "#ffffff",
80
- surface2: rgba("#000000", .02),
81
- surface3: rgba("#000000", .04),
82
- surface4: rgba("#000000", .32),
83
- surface6: rgba("#000000", .88),
84
- surface7: rgba("#000000", .02),
85
- surface8: rgba("#000000", .88),
102
+ surface10: "rgba(0,0,0,0.16)",
103
+ surface2: "rgba(0,0,0,0.02)",
104
+ surface3: "rgba(0,0,0,0.04)",
105
+ surface4: "rgba(0,0,0,0.32)",
106
+ surface6: "rgba(0,0,0,0.88)",
107
+ surface7: "rgba(0,0,0,0.02)",
108
+ surface8: "rgba(0,0,0,0.88)",
86
109
  surface9: "#ffffff",
87
- surface10: rgba("#000000", .16),
88
110
  text1: "#1f1f1f",
89
111
  text2: "#474747",
90
112
  text3: "#858585",
91
113
  text4: "#adadad",
92
114
  text5: "#ffffff",
93
- brand,
94
- assertive,
95
- warning: "#ffaf0f",
96
- success: "#b1cc29",
97
- updatedItem: rgba(0, 150, 250, .04),
98
- border: borderForLight
115
+ transparent: "rgba(0,0,0,0)",
116
+ updatedItem: "rgba(0,150,250,0.04)",
117
+ warning: "#ffaf0f"
99
118
  },
100
- border: { default: { color: borderForLight } }
101
- };
102
- const dark = {
103
- ...common,
104
119
  effect: {
105
120
  hover: {
106
- type: "alpha",
107
- color: rgba("#ffffff", .12)
121
+ color: "rgba(0,0,0,0.04)",
122
+ type: "alpha"
108
123
  },
109
124
  press: {
110
- type: "alpha",
111
- color: rgba("#ffffff", .2)
125
+ color: "rgba(0,0,0,0.16)",
126
+ type: "alpha"
112
127
  }
113
- },
128
+ }
129
+ };
130
+ const dark = {
131
+ ...common,
132
+ border: { default: { color: "rgba(255,255,255,0.12)" } },
114
133
  color: {
115
- transparent: rgba("#000000", 0),
134
+ assertive: "#ff2b00",
116
135
  background1: "#1f1f1f",
117
136
  background2: "#000000",
118
- icon6: light.color.icon6,
137
+ border: "rgba(255,255,255,0.12)",
138
+ brand: "#0096fa",
139
+ icon6: "rgba(255,255,255,0.28)",
119
140
  link1: "#669FC2",
120
- link2: light.color.link2,
141
+ link2: "rgba(255,255,255,0.36)",
142
+ success: "#b1cc29",
121
143
  surface1: "#1f1f1f",
122
- surface2: rgba("#000000", .16),
123
- surface3: rgba("#ffffff", .12),
124
- surface4: light.color.surface4,
125
- surface6: rgba("#ffffff", .12),
126
- surface7: rgba("#000000", 0),
127
- surface8: light.color.surface8,
144
+ surface10: "rgba(255,255,255,0.2)",
145
+ surface2: "rgba(0,0,0,0.16)",
146
+ surface3: "rgba(255,255,255,0.12)",
147
+ surface4: "rgba(0,0,0,0.32)",
148
+ surface6: "rgba(255,255,255,0.12)",
149
+ surface7: "rgba(0,0,0,0)",
150
+ surface8: "rgba(0,0,0,0.88)",
128
151
  surface9: "#333333",
129
- surface10: rgba("#ffffff", .2),
130
152
  text1: "#f5f5f5",
131
153
  text2: "#d6d6d6",
132
154
  text3: "#858585",
133
155
  text4: "#5c5c5c",
134
156
  text5: "#f5f5f5",
135
- brand,
136
- assertive,
137
- warning: light.color.warning,
138
- success: light.color.success,
139
- updatedItem: rgba(0, 150, 250, .12),
140
- border: borderForDark
157
+ transparent: "rgba(0,0,0,0)",
158
+ updatedItem: "rgba(0,150,250,0.12)",
159
+ warning: "#ffaf0f"
141
160
  },
142
- border: { default: { color: borderForDark } }
161
+ effect: {
162
+ hover: {
163
+ color: "rgba(255,255,255,0.12)",
164
+ type: "alpha"
165
+ },
166
+ press: {
167
+ color: "rgba(255,255,255,0.2)",
168
+ type: "alpha"
169
+ }
170
+ }
143
171
  };
144
172
 
145
173
  //#endregion