@principal-ade/industry-theme 0.1.12 → 0.1.14

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 (20) hide show
  1. package/dist/cjs/ThemeShowcase.d.ts.map +1 -1
  2. package/dist/cjs/defaultThemes.d.ts.map +1 -1
  3. package/dist/cjs/index.d.ts +2 -0
  4. package/dist/cjs/index.d.ts.map +1 -1
  5. package/dist/cjs/index.js +193 -18
  6. package/dist/cjs/landingPageTheme.d.ts.map +1 -1
  7. package/dist/cjs/themes.d.ts.map +1 -1
  8. package/dist/esm/ThemeShowcase.d.ts.map +1 -1
  9. package/dist/esm/defaultThemes.d.ts.map +1 -1
  10. package/dist/esm/index.d.ts +2 -0
  11. package/dist/esm/index.d.ts.map +1 -1
  12. package/dist/esm/index.js +193 -18
  13. package/dist/esm/landingPageTheme.d.ts.map +1 -1
  14. package/dist/esm/themes.d.ts.map +1 -1
  15. package/package.json +1 -1
  16. package/src/ThemeShowcase.tsx +199 -1
  17. package/src/defaultThemes.ts +12 -0
  18. package/src/index.ts +4 -0
  19. package/src/landingPageTheme.ts +8 -0
  20. package/src/themes.ts +51 -0
package/dist/cjs/ThemeShowcase.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAygBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+sBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/cjs/defaultThemes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaultThemes.d.ts","sourceRoot":"","sources":["../../src/defaultThemes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,oBAAoB,EAAE,KAyHlC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KA0HlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAyHhC,CAAC"}
1
+ {"version":3,"file":"defaultThemes.d.ts","sourceRoot":"","sources":["../../src/defaultThemes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,oBAAoB,EAAE,KA6HlC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KA8HlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA6HhC,CAAC"}
package/dist/cjs/index.d.ts CHANGED
@@ -88,6 +88,8 @@ export interface Theme {
88
88
  highlightBg?: string;
89
89
  highlightBorder?: string;
90
90
  textOnPrimary: string;
91
+ textOnSecondary: string;
92
+ textOnAccent: string;
91
93
  };
92
94
  buttons: {
93
95
  primary: ButtonVariant;
package/dist/cjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/dist/cjs/index.js CHANGED
@@ -142,7 +142,9 @@ var defaultMarkdownTheme = {
142
142
  textMuted: "#aaaaaa",
143
143
  highlightBg: "#fff9c4",
144
144
  highlightBorder: "#fff389",
145
- textOnPrimary: "#ffffff"
145
+ textOnPrimary: "#ffffff",
146
+ textOnSecondary: "#ffffff",
147
+ textOnAccent: "#ffffff"
146
148
  },
147
149
  buttons: {
148
150
  primary: {
@@ -253,7 +255,9 @@ var defaultTerminalTheme = {
253
255
  textMuted: "#808080",
254
256
  highlightBg: "#332701",
255
257
  highlightBorder: "#664d03",
256
- textOnPrimary: "#000000"
258
+ textOnPrimary: "#000000",
259
+ textOnSecondary: "#000000",
260
+ textOnAccent: "#000000"
257
261
  },
258
262
  buttons: {
259
263
  primary: {
@@ -365,7 +369,9 @@ var defaultEditorTheme = {
365
369
  textMuted: "#666666",
366
370
  highlightBg: "#4b4724",
367
371
  highlightBorder: "#78702a",
368
- textOnPrimary: "#ffffff"
372
+ textOnPrimary: "#ffffff",
373
+ textOnSecondary: "#ffffff",
374
+ textOnAccent: "#ffffff"
369
375
  },
370
376
  buttons: {
371
377
  primary: {
@@ -477,7 +483,9 @@ var landingPageTheme = {
477
483
  textMuted: "#6b7280",
478
484
  highlightBg: "#403b0f",
479
485
  highlightBorder: "#80761e",
480
- textOnPrimary: "#000000"
486
+ textOnPrimary: "#000000",
487
+ textOnSecondary: "#ffffff",
488
+ textOnAccent: "#ffffff"
481
489
  },
482
490
  buttons: {
483
491
  primary: {
@@ -579,7 +587,9 @@ var landingPageLightTheme = {
579
587
  textMuted: "#aaaaaa",
580
588
  highlightBg: "#fff9c4",
581
589
  highlightBorder: "#fff389",
582
- textOnPrimary: "#ffffff"
590
+ textOnPrimary: "#ffffff",
591
+ textOnSecondary: "#000000",
592
+ textOnAccent: "#ffffff"
583
593
  },
584
594
  buttons: {
585
595
  primary: {
@@ -684,7 +694,9 @@ var regalTheme = {
684
694
  textMuted: "#8b7968",
685
695
  highlightBg: "#534724",
686
696
  highlightBorder: "#8c701a",
687
- textOnPrimary: "#1a1f2e"
697
+ textOnPrimary: "#1a1f2e",
698
+ textOnSecondary: "#1a1f2e",
699
+ textOnAccent: "#1a1f2e"
688
700
  },
689
701
  buttons: {
690
702
  primary: {
@@ -798,7 +810,9 @@ var terminalTheme = {
798
810
  textMuted: "#666666",
799
811
  highlightBg: "#40391e",
800
812
  highlightBorder: "#7f7530",
801
- textOnPrimary: "#ffffff"
813
+ textOnPrimary: "#ffffff",
814
+ textOnSecondary: "#0a0a0a",
815
+ textOnAccent: "#0a0a0a"
802
816
  },
803
817
  modes: {
804
818
  light: {
@@ -823,7 +837,10 @@ var terminalTheme = {
823
837
  textTertiary: "#999999",
824
838
  textMuted: "#b3b3b3",
825
839
  highlightBg: "#fff9c4",
826
- highlightBorder: "#fff389"
840
+ highlightBorder: "#fff389",
841
+ textOnPrimary: "#ffffff",
842
+ textOnSecondary: "#ffffff",
843
+ textOnAccent: "#ffffff"
827
844
  }
828
845
  },
829
846
  buttons: {
@@ -942,7 +959,9 @@ var matrixTheme = {
942
959
  textMuted: "#484848",
943
960
  highlightBg: "#00360d",
944
961
  highlightBorder: "#006c1b",
945
- textOnPrimary: "#000000"
962
+ textOnPrimary: "#000000",
963
+ textOnSecondary: "#000000",
964
+ textOnAccent: "#000000"
946
965
  },
947
966
  buttons: {
948
967
  primary: {
@@ -1060,7 +1079,9 @@ var matrixMinimalTheme = {
1060
1079
  textMuted: "#484848",
1061
1080
  highlightBg: "#002b0b",
1062
1081
  highlightBorder: "#005615",
1063
- textOnPrimary: "#000000"
1082
+ textOnPrimary: "#000000",
1083
+ textOnSecondary: "#000000",
1084
+ textOnAccent: "#000000"
1064
1085
  },
1065
1086
  buttons: {
1066
1087
  primary: {
@@ -1178,7 +1199,9 @@ var enterpriseTheme = {
1178
1199
  textMuted: "#64748B",
1179
1200
  highlightBg: "#3D3215",
1180
1201
  highlightBorder: "#8B7722",
1181
- textOnPrimary: "#0A192F"
1202
+ textOnPrimary: "#0A192F",
1203
+ textOnSecondary: "#0A192F",
1204
+ textOnAccent: "#0A192F"
1182
1205
  },
1183
1206
  modes: {
1184
1207
  light: {
@@ -1203,7 +1226,10 @@ var enterpriseTheme = {
1203
1226
  textTertiary: "#64748B",
1204
1227
  textMuted: "#94A3B8",
1205
1228
  highlightBg: "#FEF9E7",
1206
- highlightBorder: "#D4AF37"
1229
+ highlightBorder: "#D4AF37",
1230
+ textOnPrimary: "#0A192F",
1231
+ textOnSecondary: "#0A192F",
1232
+ textOnAccent: "#0A192F"
1207
1233
  }
1208
1234
  },
1209
1235
  buttons: {
@@ -1322,7 +1348,9 @@ var neuralPulseTheme = {
1322
1348
  textMuted: "#606060",
1323
1349
  highlightBg: "#1A2A35",
1324
1350
  highlightBorder: "#00F5FF",
1325
- textOnPrimary: "#121212"
1351
+ textOnPrimary: "#121212",
1352
+ textOnSecondary: "#121212",
1353
+ textOnAccent: "#FFFFFF"
1326
1354
  },
1327
1355
  buttons: {
1328
1356
  primary: {
@@ -1440,7 +1468,9 @@ var humanCentricTheme = {
1440
1468
  textMuted: "#8BABAD",
1441
1469
  highlightBg: "#FCE8E3",
1442
1470
  highlightBorder: "#E27D60",
1443
- textOnPrimary: "#FFFFFF"
1471
+ textOnPrimary: "#FFFFFF",
1472
+ textOnSecondary: "#FFFFFF",
1473
+ textOnAccent: "#FFFFFF"
1444
1474
  },
1445
1475
  modes: {
1446
1476
  dark: {
@@ -1465,7 +1495,10 @@ var humanCentricTheme = {
1465
1495
  textTertiary: "#9BBFC2",
1466
1496
  textMuted: "#7AA5A8",
1467
1497
  highlightBg: "#1A3A3D",
1468
- highlightBorder: "#E27D60"
1498
+ highlightBorder: "#E27D60",
1499
+ textOnPrimary: "#FFFFFF",
1500
+ textOnSecondary: "#0D5C63",
1501
+ textOnAccent: "#0D5C63"
1469
1502
  }
1470
1503
  },
1471
1504
  buttons: {
@@ -1584,7 +1617,9 @@ var slateTheme = {
1584
1617
  textMuted: "#4b5563",
1585
1618
  highlightBg: "#513c19",
1586
1619
  highlightBorder: "#875d14",
1587
- textOnPrimary: "#1a1c1e"
1620
+ textOnPrimary: "#1a1c1e",
1621
+ textOnSecondary: "#e5e7eb",
1622
+ textOnAccent: "#1a1c1e"
1588
1623
  },
1589
1624
  buttons: {
1590
1625
  primary: {
@@ -1701,7 +1736,9 @@ var slateGoldTheme = {
1701
1736
  textMuted: "#4b5563",
1702
1737
  highlightBg: "#3D3215",
1703
1738
  highlightBorder: "#E4C04A",
1704
- textOnPrimary: "#1a1c1e"
1739
+ textOnPrimary: "#1a1c1e",
1740
+ textOnSecondary: "#1a1c1e",
1741
+ textOnAccent: "#1a1c1e"
1705
1742
  },
1706
1743
  buttons: {
1707
1744
  primary: {
@@ -2115,6 +2152,144 @@ var ThemeShowcase = ({
2115
2152
  }, color)));
2116
2153
  })), /* @__PURE__ */ import_react2.default.createElement("h3", {
2117
2154
  style: subheadingStyle
2155
+ }, "Text on Primary, Secondary & Accent"), /* @__PURE__ */ import_react2.default.createElement("div", {
2156
+ style: {
2157
+ display: "grid",
2158
+ gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
2159
+ gap: theme2.space[3],
2160
+ marginBottom: theme2.space[3]
2161
+ }
2162
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2163
+ style: {
2164
+ display: "flex",
2165
+ alignItems: "center",
2166
+ padding: theme2.space[2],
2167
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2168
+ borderRadius: theme2.radii[1]
2169
+ }
2170
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2171
+ style: {
2172
+ width: 40,
2173
+ height: 40,
2174
+ backgroundColor: theme2.colors.textOnPrimary,
2175
+ border: `1px solid ${theme2.colors.border}`,
2176
+ borderRadius: theme2.radii[1],
2177
+ marginRight: theme2.space[2]
2178
+ }
2179
+ }), /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", {
2180
+ style: {
2181
+ fontFamily: theme2.fonts.monospace,
2182
+ fontSize: theme2.fontSizes[1],
2183
+ fontWeight: theme2.fontWeights.medium
2184
+ }
2185
+ }, "textOnPrimary"), showValues && /* @__PURE__ */ import_react2.default.createElement("div", {
2186
+ style: {
2187
+ fontFamily: theme2.fonts.monospace,
2188
+ fontSize: theme2.fontSizes[0],
2189
+ color: theme2.colors.textSecondary
2190
+ }
2191
+ }, theme2.colors.textOnPrimary))), /* @__PURE__ */ import_react2.default.createElement("div", {
2192
+ style: {
2193
+ padding: theme2.space[3],
2194
+ backgroundColor: theme2.colors.primary,
2195
+ borderRadius: theme2.radii[1],
2196
+ border: `1px solid ${theme2.colors.border}`
2197
+ }
2198
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2199
+ style: {
2200
+ fontFamily: theme2.fonts.monospace,
2201
+ fontSize: theme2.fontSizes[2],
2202
+ fontWeight: theme2.fontWeights.medium,
2203
+ color: theme2.colors.textOnPrimary
2204
+ }
2205
+ }, "Sample text on primary")), /* @__PURE__ */ import_react2.default.createElement("div", {
2206
+ style: {
2207
+ display: "flex",
2208
+ alignItems: "center",
2209
+ padding: theme2.space[2],
2210
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2211
+ borderRadius: theme2.radii[1]
2212
+ }
2213
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2214
+ style: {
2215
+ width: 40,
2216
+ height: 40,
2217
+ backgroundColor: theme2.colors.textOnSecondary,
2218
+ border: `1px solid ${theme2.colors.border}`,
2219
+ borderRadius: theme2.radii[1],
2220
+ marginRight: theme2.space[2]
2221
+ }
2222
+ }), /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", {
2223
+ style: {
2224
+ fontFamily: theme2.fonts.monospace,
2225
+ fontSize: theme2.fontSizes[1],
2226
+ fontWeight: theme2.fontWeights.medium
2227
+ }
2228
+ }, "textOnSecondary"), showValues && /* @__PURE__ */ import_react2.default.createElement("div", {
2229
+ style: {
2230
+ fontFamily: theme2.fonts.monospace,
2231
+ fontSize: theme2.fontSizes[0],
2232
+ color: theme2.colors.textSecondary
2233
+ }
2234
+ }, theme2.colors.textOnSecondary))), /* @__PURE__ */ import_react2.default.createElement("div", {
2235
+ style: {
2236
+ padding: theme2.space[3],
2237
+ backgroundColor: theme2.colors.secondary,
2238
+ borderRadius: theme2.radii[1],
2239
+ border: `1px solid ${theme2.colors.border}`
2240
+ }
2241
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2242
+ style: {
2243
+ fontFamily: theme2.fonts.monospace,
2244
+ fontSize: theme2.fontSizes[2],
2245
+ fontWeight: theme2.fontWeights.medium,
2246
+ color: theme2.colors.textOnSecondary
2247
+ }
2248
+ }, "Sample text on secondary")), /* @__PURE__ */ import_react2.default.createElement("div", {
2249
+ style: {
2250
+ display: "flex",
2251
+ alignItems: "center",
2252
+ padding: theme2.space[2],
2253
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2254
+ borderRadius: theme2.radii[1]
2255
+ }
2256
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2257
+ style: {
2258
+ width: 40,
2259
+ height: 40,
2260
+ backgroundColor: theme2.colors.textOnAccent,
2261
+ border: `1px solid ${theme2.colors.border}`,
2262
+ borderRadius: theme2.radii[1],
2263
+ marginRight: theme2.space[2]
2264
+ }
2265
+ }), /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", {
2266
+ style: {
2267
+ fontFamily: theme2.fonts.monospace,
2268
+ fontSize: theme2.fontSizes[1],
2269
+ fontWeight: theme2.fontWeights.medium
2270
+ }
2271
+ }, "textOnAccent"), showValues && /* @__PURE__ */ import_react2.default.createElement("div", {
2272
+ style: {
2273
+ fontFamily: theme2.fonts.monospace,
2274
+ fontSize: theme2.fontSizes[0],
2275
+ color: theme2.colors.textSecondary
2276
+ }
2277
+ }, theme2.colors.textOnAccent))), /* @__PURE__ */ import_react2.default.createElement("div", {
2278
+ style: {
2279
+ padding: theme2.space[3],
2280
+ backgroundColor: theme2.colors.accent,
2281
+ borderRadius: theme2.radii[1],
2282
+ border: `1px solid ${theme2.colors.border}`
2283
+ }
2284
+ }, /* @__PURE__ */ import_react2.default.createElement("div", {
2285
+ style: {
2286
+ fontFamily: theme2.fonts.monospace,
2287
+ fontSize: theme2.fontSizes[2],
2288
+ fontWeight: theme2.fontWeights.medium,
2289
+ color: theme2.colors.textOnAccent
2290
+ }
2291
+ }, "Sample text on accent"))), /* @__PURE__ */ import_react2.default.createElement("h3", {
2292
+ style: subheadingStyle
2118
2293
  }, "Background Colors"), /* @__PURE__ */ import_react2.default.createElement("div", {
2119
2294
  style: {
2120
2295
  display: "grid",
@@ -2329,7 +2504,7 @@ var ThemeShowcase = ({
2329
2504
  style: {
2330
2505
  padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
2331
2506
  backgroundColor: theme2.colors.primary,
2332
- color: "#ffffff",
2507
+ color: theme2.colors.textOnPrimary,
2333
2508
  borderRadius: theme2.radii[2],
2334
2509
  fontFamily: theme2.fonts.body,
2335
2510
  fontSize: theme2.fontSizes[1]
package/dist/cjs/landingPageTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"landingPageTheme.d.ts","sourceRoot":"","sources":["../../src/landingPageTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,gBAAgB,EAAE,KAuK9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAgFnC,CAAC"}
1
+ {"version":3,"file":"landingPageTheme.d.ts","sourceRoot":"","sources":["../../src/landingPageTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,gBAAgB,EAAE,KA2K9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAoFnC,CAAC"}
package/dist/cjs/themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KAyIxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAgL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA6IzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA6IhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4K7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KA6I9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA4K/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA4IxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KA8I5B,CAAC"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC"}
package/dist/esm/ThemeShowcase.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAygBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+sBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/esm/defaultThemes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaultThemes.d.ts","sourceRoot":"","sources":["../../src/defaultThemes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,oBAAoB,EAAE,KAyHlC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KA0HlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAyHhC,CAAC"}
1
+ {"version":3,"file":"defaultThemes.d.ts","sourceRoot":"","sources":["../../src/defaultThemes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,oBAAoB,EAAE,KA6HlC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KA8HlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA6HhC,CAAC"}
package/dist/esm/index.d.ts CHANGED
@@ -88,6 +88,8 @@ export interface Theme {
88
88
  highlightBg?: string;
89
89
  highlightBorder?: string;
90
90
  textOnPrimary: string;
91
+ textOnSecondary: string;
92
+ textOnAccent: string;
91
93
  };
92
94
  buttons: {
93
95
  primary: ButtonVariant;
package/dist/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/dist/esm/index.js CHANGED
@@ -57,7 +57,9 @@ var defaultMarkdownTheme = {
57
57
  textMuted: "#aaaaaa",
58
58
  highlightBg: "#fff9c4",
59
59
  highlightBorder: "#fff389",
60
- textOnPrimary: "#ffffff"
60
+ textOnPrimary: "#ffffff",
61
+ textOnSecondary: "#ffffff",
62
+ textOnAccent: "#ffffff"
61
63
  },
62
64
  buttons: {
63
65
  primary: {
@@ -168,7 +170,9 @@ var defaultTerminalTheme = {
168
170
  textMuted: "#808080",
169
171
  highlightBg: "#332701",
170
172
  highlightBorder: "#664d03",
171
- textOnPrimary: "#000000"
173
+ textOnPrimary: "#000000",
174
+ textOnSecondary: "#000000",
175
+ textOnAccent: "#000000"
172
176
  },
173
177
  buttons: {
174
178
  primary: {
@@ -280,7 +284,9 @@ var defaultEditorTheme = {
280
284
  textMuted: "#666666",
281
285
  highlightBg: "#4b4724",
282
286
  highlightBorder: "#78702a",
283
- textOnPrimary: "#ffffff"
287
+ textOnPrimary: "#ffffff",
288
+ textOnSecondary: "#ffffff",
289
+ textOnAccent: "#ffffff"
284
290
  },
285
291
  buttons: {
286
292
  primary: {
@@ -392,7 +398,9 @@ var landingPageTheme = {
392
398
  textMuted: "#6b7280",
393
399
  highlightBg: "#403b0f",
394
400
  highlightBorder: "#80761e",
395
- textOnPrimary: "#000000"
401
+ textOnPrimary: "#000000",
402
+ textOnSecondary: "#ffffff",
403
+ textOnAccent: "#ffffff"
396
404
  },
397
405
  buttons: {
398
406
  primary: {
@@ -494,7 +502,9 @@ var landingPageLightTheme = {
494
502
  textMuted: "#aaaaaa",
495
503
  highlightBg: "#fff9c4",
496
504
  highlightBorder: "#fff389",
497
- textOnPrimary: "#ffffff"
505
+ textOnPrimary: "#ffffff",
506
+ textOnSecondary: "#000000",
507
+ textOnAccent: "#ffffff"
498
508
  },
499
509
  buttons: {
500
510
  primary: {
@@ -599,7 +609,9 @@ var regalTheme = {
599
609
  textMuted: "#8b7968",
600
610
  highlightBg: "#534724",
601
611
  highlightBorder: "#8c701a",
602
- textOnPrimary: "#1a1f2e"
612
+ textOnPrimary: "#1a1f2e",
613
+ textOnSecondary: "#1a1f2e",
614
+ textOnAccent: "#1a1f2e"
603
615
  },
604
616
  buttons: {
605
617
  primary: {
@@ -713,7 +725,9 @@ var terminalTheme = {
713
725
  textMuted: "#666666",
714
726
  highlightBg: "#40391e",
715
727
  highlightBorder: "#7f7530",
716
- textOnPrimary: "#ffffff"
728
+ textOnPrimary: "#ffffff",
729
+ textOnSecondary: "#0a0a0a",
730
+ textOnAccent: "#0a0a0a"
717
731
  },
718
732
  modes: {
719
733
  light: {
@@ -738,7 +752,10 @@ var terminalTheme = {
738
752
  textTertiary: "#999999",
739
753
  textMuted: "#b3b3b3",
740
754
  highlightBg: "#fff9c4",
741
- highlightBorder: "#fff389"
755
+ highlightBorder: "#fff389",
756
+ textOnPrimary: "#ffffff",
757
+ textOnSecondary: "#ffffff",
758
+ textOnAccent: "#ffffff"
742
759
  }
743
760
  },
744
761
  buttons: {
@@ -857,7 +874,9 @@ var matrixTheme = {
857
874
  textMuted: "#484848",
858
875
  highlightBg: "#00360d",
859
876
  highlightBorder: "#006c1b",
860
- textOnPrimary: "#000000"
877
+ textOnPrimary: "#000000",
878
+ textOnSecondary: "#000000",
879
+ textOnAccent: "#000000"
861
880
  },
862
881
  buttons: {
863
882
  primary: {
@@ -975,7 +994,9 @@ var matrixMinimalTheme = {
975
994
  textMuted: "#484848",
976
995
  highlightBg: "#002b0b",
977
996
  highlightBorder: "#005615",
978
- textOnPrimary: "#000000"
997
+ textOnPrimary: "#000000",
998
+ textOnSecondary: "#000000",
999
+ textOnAccent: "#000000"
979
1000
  },
980
1001
  buttons: {
981
1002
  primary: {
@@ -1093,7 +1114,9 @@ var enterpriseTheme = {
1093
1114
  textMuted: "#64748B",
1094
1115
  highlightBg: "#3D3215",
1095
1116
  highlightBorder: "#8B7722",
1096
- textOnPrimary: "#0A192F"
1117
+ textOnPrimary: "#0A192F",
1118
+ textOnSecondary: "#0A192F",
1119
+ textOnAccent: "#0A192F"
1097
1120
  },
1098
1121
  modes: {
1099
1122
  light: {
@@ -1118,7 +1141,10 @@ var enterpriseTheme = {
1118
1141
  textTertiary: "#64748B",
1119
1142
  textMuted: "#94A3B8",
1120
1143
  highlightBg: "#FEF9E7",
1121
- highlightBorder: "#D4AF37"
1144
+ highlightBorder: "#D4AF37",
1145
+ textOnPrimary: "#0A192F",
1146
+ textOnSecondary: "#0A192F",
1147
+ textOnAccent: "#0A192F"
1122
1148
  }
1123
1149
  },
1124
1150
  buttons: {
@@ -1237,7 +1263,9 @@ var neuralPulseTheme = {
1237
1263
  textMuted: "#606060",
1238
1264
  highlightBg: "#1A2A35",
1239
1265
  highlightBorder: "#00F5FF",
1240
- textOnPrimary: "#121212"
1266
+ textOnPrimary: "#121212",
1267
+ textOnSecondary: "#121212",
1268
+ textOnAccent: "#FFFFFF"
1241
1269
  },
1242
1270
  buttons: {
1243
1271
  primary: {
@@ -1355,7 +1383,9 @@ var humanCentricTheme = {
1355
1383
  textMuted: "#8BABAD",
1356
1384
  highlightBg: "#FCE8E3",
1357
1385
  highlightBorder: "#E27D60",
1358
- textOnPrimary: "#FFFFFF"
1386
+ textOnPrimary: "#FFFFFF",
1387
+ textOnSecondary: "#FFFFFF",
1388
+ textOnAccent: "#FFFFFF"
1359
1389
  },
1360
1390
  modes: {
1361
1391
  dark: {
@@ -1380,7 +1410,10 @@ var humanCentricTheme = {
1380
1410
  textTertiary: "#9BBFC2",
1381
1411
  textMuted: "#7AA5A8",
1382
1412
  highlightBg: "#1A3A3D",
1383
- highlightBorder: "#E27D60"
1413
+ highlightBorder: "#E27D60",
1414
+ textOnPrimary: "#FFFFFF",
1415
+ textOnSecondary: "#0D5C63",
1416
+ textOnAccent: "#0D5C63"
1384
1417
  }
1385
1418
  },
1386
1419
  buttons: {
@@ -1499,7 +1532,9 @@ var slateTheme = {
1499
1532
  textMuted: "#4b5563",
1500
1533
  highlightBg: "#513c19",
1501
1534
  highlightBorder: "#875d14",
1502
- textOnPrimary: "#1a1c1e"
1535
+ textOnPrimary: "#1a1c1e",
1536
+ textOnSecondary: "#e5e7eb",
1537
+ textOnAccent: "#1a1c1e"
1503
1538
  },
1504
1539
  buttons: {
1505
1540
  primary: {
@@ -1616,7 +1651,9 @@ var slateGoldTheme = {
1616
1651
  textMuted: "#4b5563",
1617
1652
  highlightBg: "#3D3215",
1618
1653
  highlightBorder: "#E4C04A",
1619
- textOnPrimary: "#1a1c1e"
1654
+ textOnPrimary: "#1a1c1e",
1655
+ textOnSecondary: "#1a1c1e",
1656
+ textOnAccent: "#1a1c1e"
1620
1657
  },
1621
1658
  buttons: {
1622
1659
  primary: {
@@ -2030,6 +2067,144 @@ var ThemeShowcase = ({
2030
2067
  }, color)));
2031
2068
  })), /* @__PURE__ */ React2.createElement("h3", {
2032
2069
  style: subheadingStyle
2070
+ }, "Text on Primary, Secondary & Accent"), /* @__PURE__ */ React2.createElement("div", {
2071
+ style: {
2072
+ display: "grid",
2073
+ gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
2074
+ gap: theme2.space[3],
2075
+ marginBottom: theme2.space[3]
2076
+ }
2077
+ }, /* @__PURE__ */ React2.createElement("div", {
2078
+ style: {
2079
+ display: "flex",
2080
+ alignItems: "center",
2081
+ padding: theme2.space[2],
2082
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2083
+ borderRadius: theme2.radii[1]
2084
+ }
2085
+ }, /* @__PURE__ */ React2.createElement("div", {
2086
+ style: {
2087
+ width: 40,
2088
+ height: 40,
2089
+ backgroundColor: theme2.colors.textOnPrimary,
2090
+ border: `1px solid ${theme2.colors.border}`,
2091
+ borderRadius: theme2.radii[1],
2092
+ marginRight: theme2.space[2]
2093
+ }
2094
+ }), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
2095
+ style: {
2096
+ fontFamily: theme2.fonts.monospace,
2097
+ fontSize: theme2.fontSizes[1],
2098
+ fontWeight: theme2.fontWeights.medium
2099
+ }
2100
+ }, "textOnPrimary"), showValues && /* @__PURE__ */ React2.createElement("div", {
2101
+ style: {
2102
+ fontFamily: theme2.fonts.monospace,
2103
+ fontSize: theme2.fontSizes[0],
2104
+ color: theme2.colors.textSecondary
2105
+ }
2106
+ }, theme2.colors.textOnPrimary))), /* @__PURE__ */ React2.createElement("div", {
2107
+ style: {
2108
+ padding: theme2.space[3],
2109
+ backgroundColor: theme2.colors.primary,
2110
+ borderRadius: theme2.radii[1],
2111
+ border: `1px solid ${theme2.colors.border}`
2112
+ }
2113
+ }, /* @__PURE__ */ React2.createElement("div", {
2114
+ style: {
2115
+ fontFamily: theme2.fonts.monospace,
2116
+ fontSize: theme2.fontSizes[2],
2117
+ fontWeight: theme2.fontWeights.medium,
2118
+ color: theme2.colors.textOnPrimary
2119
+ }
2120
+ }, "Sample text on primary")), /* @__PURE__ */ React2.createElement("div", {
2121
+ style: {
2122
+ display: "flex",
2123
+ alignItems: "center",
2124
+ padding: theme2.space[2],
2125
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2126
+ borderRadius: theme2.radii[1]
2127
+ }
2128
+ }, /* @__PURE__ */ React2.createElement("div", {
2129
+ style: {
2130
+ width: 40,
2131
+ height: 40,
2132
+ backgroundColor: theme2.colors.textOnSecondary,
2133
+ border: `1px solid ${theme2.colors.border}`,
2134
+ borderRadius: theme2.radii[1],
2135
+ marginRight: theme2.space[2]
2136
+ }
2137
+ }), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
2138
+ style: {
2139
+ fontFamily: theme2.fonts.monospace,
2140
+ fontSize: theme2.fontSizes[1],
2141
+ fontWeight: theme2.fontWeights.medium
2142
+ }
2143
+ }, "textOnSecondary"), showValues && /* @__PURE__ */ React2.createElement("div", {
2144
+ style: {
2145
+ fontFamily: theme2.fonts.monospace,
2146
+ fontSize: theme2.fontSizes[0],
2147
+ color: theme2.colors.textSecondary
2148
+ }
2149
+ }, theme2.colors.textOnSecondary))), /* @__PURE__ */ React2.createElement("div", {
2150
+ style: {
2151
+ padding: theme2.space[3],
2152
+ backgroundColor: theme2.colors.secondary,
2153
+ borderRadius: theme2.radii[1],
2154
+ border: `1px solid ${theme2.colors.border}`
2155
+ }
2156
+ }, /* @__PURE__ */ React2.createElement("div", {
2157
+ style: {
2158
+ fontFamily: theme2.fonts.monospace,
2159
+ fontSize: theme2.fontSizes[2],
2160
+ fontWeight: theme2.fontWeights.medium,
2161
+ color: theme2.colors.textOnSecondary
2162
+ }
2163
+ }, "Sample text on secondary")), /* @__PURE__ */ React2.createElement("div", {
2164
+ style: {
2165
+ display: "flex",
2166
+ alignItems: "center",
2167
+ padding: theme2.space[2],
2168
+ backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,
2169
+ borderRadius: theme2.radii[1]
2170
+ }
2171
+ }, /* @__PURE__ */ React2.createElement("div", {
2172
+ style: {
2173
+ width: 40,
2174
+ height: 40,
2175
+ backgroundColor: theme2.colors.textOnAccent,
2176
+ border: `1px solid ${theme2.colors.border}`,
2177
+ borderRadius: theme2.radii[1],
2178
+ marginRight: theme2.space[2]
2179
+ }
2180
+ }), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
2181
+ style: {
2182
+ fontFamily: theme2.fonts.monospace,
2183
+ fontSize: theme2.fontSizes[1],
2184
+ fontWeight: theme2.fontWeights.medium
2185
+ }
2186
+ }, "textOnAccent"), showValues && /* @__PURE__ */ React2.createElement("div", {
2187
+ style: {
2188
+ fontFamily: theme2.fonts.monospace,
2189
+ fontSize: theme2.fontSizes[0],
2190
+ color: theme2.colors.textSecondary
2191
+ }
2192
+ }, theme2.colors.textOnAccent))), /* @__PURE__ */ React2.createElement("div", {
2193
+ style: {
2194
+ padding: theme2.space[3],
2195
+ backgroundColor: theme2.colors.accent,
2196
+ borderRadius: theme2.radii[1],
2197
+ border: `1px solid ${theme2.colors.border}`
2198
+ }
2199
+ }, /* @__PURE__ */ React2.createElement("div", {
2200
+ style: {
2201
+ fontFamily: theme2.fonts.monospace,
2202
+ fontSize: theme2.fontSizes[2],
2203
+ fontWeight: theme2.fontWeights.medium,
2204
+ color: theme2.colors.textOnAccent
2205
+ }
2206
+ }, "Sample text on accent"))), /* @__PURE__ */ React2.createElement("h3", {
2207
+ style: subheadingStyle
2033
2208
  }, "Background Colors"), /* @__PURE__ */ React2.createElement("div", {
2034
2209
  style: {
2035
2210
  display: "grid",
@@ -2244,7 +2419,7 @@ var ThemeShowcase = ({
2244
2419
  style: {
2245
2420
  padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
2246
2421
  backgroundColor: theme2.colors.primary,
2247
- color: "#ffffff",
2422
+ color: theme2.colors.textOnPrimary,
2248
2423
  borderRadius: theme2.radii[2],
2249
2424
  fontFamily: theme2.fonts.body,
2250
2425
  fontSize: theme2.fontSizes[1]
package/dist/esm/landingPageTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"landingPageTheme.d.ts","sourceRoot":"","sources":["../../src/landingPageTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,gBAAgB,EAAE,KAuK9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAgFnC,CAAC"}
1
+ {"version":3,"file":"landingPageTheme.d.ts","sourceRoot":"","sources":["../../src/landingPageTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,gBAAgB,EAAE,KA2K9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAoFnC,CAAC"}
package/dist/esm/themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KAyIxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAgL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA6IzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA6IhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4K7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KA6I9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA4K/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA4IxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KA8I5B,CAAC"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@principal-ade/industry-theme",
3
- "version": "0.1.12",
3
+ "version": "0.1.14",
4
4
  "type": "module",
5
5
  "description": "Theme components and styles for industry-themed markdown",
6
6
  "main": "./dist/cjs/index.js",
package/src/ThemeShowcase.tsx CHANGED
@@ -203,6 +203,204 @@ export const ThemeShowcase: React.FC<ThemeShowcaseProps> = ({
203
203
  })}
204
204
  </div>
205
205
 
206
+ {/* Text on Primary, Secondary & Accent */}
207
+ <h3 style={subheadingStyle}>Text on Primary, Secondary & Accent</h3>
208
+ <div
209
+ style={{
210
+ display: 'grid',
211
+ gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
212
+ gap: theme.space[3],
213
+ marginBottom: theme.space[3],
214
+ }}
215
+ >
216
+ <div
217
+ style={{
218
+ display: 'flex',
219
+ alignItems: 'center',
220
+ padding: theme.space[2],
221
+ backgroundColor:
222
+ theme.colors.backgroundLight || theme.colors.backgroundTertiary,
223
+ borderRadius: theme.radii[1],
224
+ }}
225
+ >
226
+ <div
227
+ style={{
228
+ width: 40,
229
+ height: 40,
230
+ backgroundColor: theme.colors.textOnPrimary,
231
+ border: `1px solid ${theme.colors.border}`,
232
+ borderRadius: theme.radii[1],
233
+ marginRight: theme.space[2],
234
+ }}
235
+ />
236
+ <div>
237
+ <div
238
+ style={{
239
+ fontFamily: theme.fonts.monospace,
240
+ fontSize: theme.fontSizes[1],
241
+ fontWeight: theme.fontWeights.medium,
242
+ }}
243
+ >
244
+ textOnPrimary
245
+ </div>
246
+ {showValues && (
247
+ <div
248
+ style={{
249
+ fontFamily: theme.fonts.monospace,
250
+ fontSize: theme.fontSizes[0],
251
+ color: theme.colors.textSecondary,
252
+ }}
253
+ >
254
+ {theme.colors.textOnPrimary}
255
+ </div>
256
+ )}
257
+ </div>
258
+ </div>
259
+ <div
260
+ style={{
261
+ padding: theme.space[3],
262
+ backgroundColor: theme.colors.primary,
263
+ borderRadius: theme.radii[1],
264
+ border: `1px solid ${theme.colors.border}`,
265
+ }}
266
+ >
267
+ <div
268
+ style={{
269
+ fontFamily: theme.fonts.monospace,
270
+ fontSize: theme.fontSizes[2],
271
+ fontWeight: theme.fontWeights.medium,
272
+ color: theme.colors.textOnPrimary,
273
+ }}
274
+ >
275
+ Sample text on primary
276
+ </div>
277
+ </div>
278
+ <div
279
+ style={{
280
+ display: 'flex',
281
+ alignItems: 'center',
282
+ padding: theme.space[2],
283
+ backgroundColor:
284
+ theme.colors.backgroundLight || theme.colors.backgroundTertiary,
285
+ borderRadius: theme.radii[1],
286
+ }}
287
+ >
288
+ <div
289
+ style={{
290
+ width: 40,
291
+ height: 40,
292
+ backgroundColor: theme.colors.textOnSecondary,
293
+ border: `1px solid ${theme.colors.border}`,
294
+ borderRadius: theme.radii[1],
295
+ marginRight: theme.space[2],
296
+ }}
297
+ />
298
+ <div>
299
+ <div
300
+ style={{
301
+ fontFamily: theme.fonts.monospace,
302
+ fontSize: theme.fontSizes[1],
303
+ fontWeight: theme.fontWeights.medium,
304
+ }}
305
+ >
306
+ textOnSecondary
307
+ </div>
308
+ {showValues && (
309
+ <div
310
+ style={{
311
+ fontFamily: theme.fonts.monospace,
312
+ fontSize: theme.fontSizes[0],
313
+ color: theme.colors.textSecondary,
314
+ }}
315
+ >
316
+ {theme.colors.textOnSecondary}
317
+ </div>
318
+ )}
319
+ </div>
320
+ </div>
321
+ <div
322
+ style={{
323
+ padding: theme.space[3],
324
+ backgroundColor: theme.colors.secondary,
325
+ borderRadius: theme.radii[1],
326
+ border: `1px solid ${theme.colors.border}`,
327
+ }}
328
+ >
329
+ <div
330
+ style={{
331
+ fontFamily: theme.fonts.monospace,
332
+ fontSize: theme.fontSizes[2],
333
+ fontWeight: theme.fontWeights.medium,
334
+ color: theme.colors.textOnSecondary,
335
+ }}
336
+ >
337
+ Sample text on secondary
338
+ </div>
339
+ </div>
340
+ <div
341
+ style={{
342
+ display: 'flex',
343
+ alignItems: 'center',
344
+ padding: theme.space[2],
345
+ backgroundColor:
346
+ theme.colors.backgroundLight || theme.colors.backgroundTertiary,
347
+ borderRadius: theme.radii[1],
348
+ }}
349
+ >
350
+ <div
351
+ style={{
352
+ width: 40,
353
+ height: 40,
354
+ backgroundColor: theme.colors.textOnAccent,
355
+ border: `1px solid ${theme.colors.border}`,
356
+ borderRadius: theme.radii[1],
357
+ marginRight: theme.space[2],
358
+ }}
359
+ />
360
+ <div>
361
+ <div
362
+ style={{
363
+ fontFamily: theme.fonts.monospace,
364
+ fontSize: theme.fontSizes[1],
365
+ fontWeight: theme.fontWeights.medium,
366
+ }}
367
+ >
368
+ textOnAccent
369
+ </div>
370
+ {showValues && (
371
+ <div
372
+ style={{
373
+ fontFamily: theme.fonts.monospace,
374
+ fontSize: theme.fontSizes[0],
375
+ color: theme.colors.textSecondary,
376
+ }}
377
+ >
378
+ {theme.colors.textOnAccent}
379
+ </div>
380
+ )}
381
+ </div>
382
+ </div>
383
+ <div
384
+ style={{
385
+ padding: theme.space[3],
386
+ backgroundColor: theme.colors.accent,
387
+ borderRadius: theme.radii[1],
388
+ border: `1px solid ${theme.colors.border}`,
389
+ }}
390
+ >
391
+ <div
392
+ style={{
393
+ fontFamily: theme.fonts.monospace,
394
+ fontSize: theme.fontSizes[2],
395
+ fontWeight: theme.fontWeights.medium,
396
+ color: theme.colors.textOnAccent,
397
+ }}
398
+ >
399
+ Sample text on accent
400
+ </div>
401
+ </div>
402
+ </div>
403
+
206
404
  {/* Background Colors */}
207
405
  <h3 style={subheadingStyle}>Background Colors</h3>
208
406
  <div
@@ -515,7 +713,7 @@ export const ThemeShowcase: React.FC<ThemeShowcaseProps> = ({
515
713
  style={{
516
714
  padding: `${theme.space[2]}px ${theme.space[3]}px`,
517
715
  backgroundColor: theme.colors.primary,
518
- color: '#ffffff',
716
+ color: theme.colors.textOnPrimary,
519
717
  borderRadius: theme.radii[2],
520
718
  fontFamily: theme.fonts.body,
521
719
  fontSize: theme.fontSizes[1],
package/src/defaultThemes.ts CHANGED
@@ -73,6 +73,10 @@ export const defaultMarkdownTheme: Theme = {
73
73
 
74
74
  // Text on primary background
75
75
  textOnPrimary: '#ffffff', // White text on blue primary
76
+ // Text on secondary background
77
+ textOnSecondary: '#ffffff', // White text on darker blue secondary
78
+ // Text on accent background
79
+ textOnAccent: '#ffffff', // White text on dark accent
76
80
  },
77
81
 
78
82
  // Component variants
@@ -197,6 +201,10 @@ export const defaultTerminalTheme: Theme = {
197
201
 
198
202
  // Text on primary background
199
203
  textOnPrimary: '#000000', // Black text on amber primary
204
+ // Text on secondary background
205
+ textOnSecondary: '#000000', // Black text on gold secondary
206
+ // Text on accent background
207
+ textOnAccent: '#000000', // Black text on white accent
200
208
  },
201
209
 
202
210
  // Component variants
@@ -322,6 +330,10 @@ export const defaultEditorTheme: Theme = {
322
330
 
323
331
  // Text on primary background
324
332
  textOnPrimary: '#ffffff', // White text on blue primary
333
+ // Text on secondary background
334
+ textOnSecondary: '#ffffff', // White text on medium blue secondary
335
+ // Text on accent background
336
+ textOnAccent: '#ffffff', // White text on purple accent
325
337
  },
326
338
 
327
339
  // Component variants
package/src/index.ts CHANGED
@@ -118,6 +118,10 @@ export interface Theme {
118
118
 
119
119
  // Text color for use on primary background (e.g., button text)
120
120
  textOnPrimary: string;
121
+ // Text color for use on secondary background
122
+ textOnSecondary: string;
123
+ // Text color for use on accent background
124
+ textOnAccent: string;
121
125
  };
122
126
 
123
127
  // Component variants (optional but useful)
package/src/landingPageTheme.ts CHANGED
@@ -85,6 +85,10 @@ export const landingPageTheme: Theme = {
85
85
 
86
86
  // Text on primary background
87
87
  textOnPrimary: '#000000', // Black text on cyan primary
88
+ // Text on secondary background
89
+ textOnSecondary: '#ffffff', // White text on darker cyan secondary
90
+ // Text on accent background
91
+ textOnAccent: '#ffffff', // White text on blue accent
88
92
 
89
93
  // Additional brand colors used in gradients
90
94
  // These are not part of the standard Theme interface but used in components
@@ -211,6 +215,10 @@ export const landingPageLightTheme: Theme = {
211
215
 
212
216
  // Text on primary background
213
217
  textOnPrimary: '#ffffff', // White text on cyan primary
218
+ // Text on secondary background
219
+ textOnSecondary: '#000000', // Black text on lighter cyan secondary
220
+ // Text on accent background
221
+ textOnAccent: '#ffffff', // White text on blue accent
214
222
  },
215
223
 
216
224
  buttons: {
package/src/themes.ts CHANGED
@@ -86,6 +86,10 @@ export const regalTheme: Theme = {
86
86
 
87
87
  // Text on primary background
88
88
  textOnPrimary: '#1a1f2e', // Dark text on warm amber primary
89
+ // Text on secondary background
90
+ textOnSecondary: '#1a1f2e', // Dark text on lighter amber secondary
91
+ // Text on accent background
92
+ textOnAccent: '#1a1f2e', // Dark text on muted gold accent
89
93
  },
90
94
 
91
95
  // Component variants
@@ -226,6 +230,10 @@ export const terminalTheme: Theme = {
226
230
 
227
231
  // Text on primary background
228
232
  textOnPrimary: '#ffffff', // White text on blue primary
233
+ // Text on secondary background
234
+ textOnSecondary: '#0a0a0a', // Dark text on lighter blue secondary
235
+ // Text on accent background
236
+ textOnAccent: '#0a0a0a', // Dark text on bright green accent
229
237
  },
230
238
 
231
239
  // Light mode for terminal theme
@@ -260,6 +268,11 @@ export const terminalTheme: Theme = {
260
268
  // Search highlight colors
261
269
  highlightBg: '#fff9c4', // Light yellow highlight
262
270
  highlightBorder: '#fff389', // Stronger yellow for border
271
+
272
+ // Text on backgrounds
273
+ textOnPrimary: '#ffffff', // White text on blue primary
274
+ textOnSecondary: '#ffffff', // White text on darker blue secondary
275
+ textOnAccent: '#ffffff', // White text on green accent
263
276
  },
264
277
  },
265
278
 
@@ -405,6 +418,10 @@ export const matrixTheme: Theme = {
405
418
 
406
419
  // Text on primary background
407
420
  textOnPrimary: '#000000', // Black text on green primary
421
+ // Text on secondary background
422
+ textOnSecondary: '#000000', // Black text on darker green secondary
423
+ // Text on accent background
424
+ textOnAccent: '#000000', // Black text on green accent
408
425
  },
409
426
 
410
427
  // Component variants
@@ -549,6 +566,10 @@ export const matrixMinimalTheme: Theme = {
549
566
 
550
567
  // Text on primary background
551
568
  textOnPrimary: '#000000', // Black text on off-white primary
569
+ // Text on secondary background
570
+ textOnSecondary: '#000000', // Black text on light gray secondary
571
+ // Text on accent background
572
+ textOnAccent: '#000000', // Black text on green accent
552
573
  },
553
574
 
554
575
  // Component variants
@@ -693,6 +714,10 @@ export const enterpriseTheme: Theme = {
693
714
 
694
715
  // Text on primary background
695
716
  textOnPrimary: '#0A192F', // Midnight Navy on gold
717
+ // Text on secondary background
718
+ textOnSecondary: '#0A192F', // Midnight Navy on lighter gold secondary
719
+ // Text on accent background
720
+ textOnAccent: '#0A192F', // Midnight Navy on gold accent
696
721
  },
697
722
 
698
723
  // Light mode variant
@@ -723,6 +748,11 @@ export const enterpriseTheme: Theme = {
723
748
 
724
749
  highlightBg: '#FEF9E7', // Light gold highlight
725
750
  highlightBorder: '#D4AF37', // Gold border
751
+
752
+ // Text on backgrounds
753
+ textOnPrimary: '#0A192F', // Midnight Navy on gold
754
+ textOnSecondary: '#0A192F', // Midnight Navy on darker gold secondary
755
+ textOnAccent: '#0A192F', // Midnight Navy on gold accent
726
756
  },
727
757
  },
728
758
 
@@ -868,6 +898,10 @@ export const neuralPulseTheme: Theme = {
868
898
 
869
899
  // Text on primary background
870
900
  textOnPrimary: '#121212', // Deep Charcoal on cyan
901
+ // Text on secondary background
902
+ textOnSecondary: '#121212', // Deep Charcoal on darker cyan secondary
903
+ // Text on accent background
904
+ textOnAccent: '#FFFFFF', // White text on violet accent
871
905
  },
872
906
 
873
907
  // Component variants
@@ -1012,6 +1046,10 @@ export const humanCentricTheme: Theme = {
1012
1046
 
1013
1047
  // Text on primary background
1014
1048
  textOnPrimary: '#FFFFFF', // White on terracotta
1049
+ // Text on secondary background
1050
+ textOnSecondary: '#FFFFFF', // White on darker terracotta secondary
1051
+ // Text on accent background
1052
+ textOnAccent: '#FFFFFF', // White on eucalyptus
1015
1053
  },
1016
1054
 
1017
1055
  // Dark mode variant
@@ -1042,6 +1080,11 @@ export const humanCentricTheme: Theme = {
1042
1080
 
1043
1081
  highlightBg: '#1A3A3D', // Dark terracotta tint
1044
1082
  highlightBorder: '#E27D60', // Terracotta border
1083
+
1084
+ // Text on backgrounds
1085
+ textOnPrimary: '#FFFFFF', // White on terracotta
1086
+ textOnSecondary: '#0D5C63', // Forest Teal on lighter terracotta secondary
1087
+ textOnAccent: '#0D5C63', // Forest Teal on eucalyptus
1045
1088
  },
1046
1089
  },
1047
1090
 
@@ -1187,6 +1230,10 @@ export const slateTheme: Theme = {
1187
1230
 
1188
1231
  // Text on primary background
1189
1232
  textOnPrimary: '#1a1c1e', // Dark text on light grey primary
1233
+ // Text on secondary background
1234
+ textOnSecondary: '#e5e7eb', // Light text on medium grey secondary
1235
+ // Text on accent background
1236
+ textOnAccent: '#1a1c1e', // Dark text on amber accent
1190
1237
  },
1191
1238
 
1192
1239
  // Component variants
@@ -1330,6 +1377,10 @@ export const slateGoldTheme: Theme = {
1330
1377
 
1331
1378
  // Text on primary background
1332
1379
  textOnPrimary: '#1a1c1e', // Dark text on gold primary
1380
+ // Text on secondary background
1381
+ textOnSecondary: '#1a1c1e', // Dark text on lighter gold secondary
1382
+ // Text on accent background
1383
+ textOnAccent: '#1a1c1e', // Dark text on gold accent
1333
1384
  },
1334
1385
 
1335
1386
  // Component variants