@lgtm-hq/turbo-themes 0.12.22 → 0.12.24
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/dist/tokens/style-dictionary/themes.json +2 -2
- package/dist/tokens/style-dictionary/tokens.json +2 -2
- package/package.json +5 -4
- package/packages/adapters/tailwind/dist/tsconfig.tsbuildinfo +1 -1
- package/packages/core/dist/index.d.ts +9 -0
- package/packages/core/dist/index.d.ts.map +1 -0
- package/packages/core/dist/index.js +10 -0
- package/packages/core/dist/index.js.map +1 -0
- package/packages/core/dist/themes/bulma.d.ts +31 -0
- package/packages/core/dist/themes/bulma.d.ts.map +1 -0
- package/packages/core/dist/themes/bulma.js +160 -0
- package/packages/core/dist/themes/bulma.js.map +1 -0
- package/packages/core/dist/themes/css/bulma-generator.d.ts +6 -0
- package/packages/core/dist/themes/css/bulma-generator.d.ts.map +1 -0
- package/packages/core/dist/themes/css/bulma-generator.js +42 -0
- package/packages/core/dist/themes/css/bulma-generator.js.map +1 -0
- package/packages/core/dist/themes/css/global-overrides.d.ts +2 -0
- package/packages/core/dist/themes/css/global-overrides.d.ts.map +1 -0
- package/packages/core/dist/themes/css/global-overrides.js +10 -0
- package/packages/core/dist/themes/css/global-overrides.js.map +1 -0
- package/packages/core/dist/themes/css/helpers.d.ts +58 -0
- package/packages/core/dist/themes/css/helpers.d.ts.map +1 -0
- package/packages/core/dist/themes/css/helpers.js +181 -0
- package/packages/core/dist/themes/css/helpers.js.map +1 -0
- package/packages/core/dist/themes/css/index.d.ts +13 -0
- package/packages/core/dist/themes/css/index.d.ts.map +1 -0
- package/packages/core/dist/themes/css/index.js +26 -0
- package/packages/core/dist/themes/css/index.js.map +1 -0
- package/packages/core/dist/themes/css/mappings.d.ts +57 -0
- package/packages/core/dist/themes/css/mappings.d.ts.map +1 -0
- package/packages/core/dist/themes/css/mappings.js +79 -0
- package/packages/core/dist/themes/css/mappings.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/accessibility.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/accessibility.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/accessibility.js +37 -0
- package/packages/core/dist/themes/css/overrides/accessibility.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/dropdown.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/dropdown.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/dropdown.js +86 -0
- package/packages/core/dist/themes/css/overrides/dropdown.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/forms.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/forms.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/forms.js +128 -0
- package/packages/core/dist/themes/css/overrides/forms.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/index.d.ts +14 -0
- package/packages/core/dist/themes/css/overrides/index.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/index.js +30 -0
- package/packages/core/dist/themes/css/overrides/index.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/navbar.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/navbar.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/navbar.js +63 -0
- package/packages/core/dist/themes/css/overrides/navbar.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/tables.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/tables.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/tables.js +28 -0
- package/packages/core/dist/themes/css/overrides/tables.js.map +1 -0
- package/packages/core/dist/themes/css/overrides/typography.d.ts +6 -0
- package/packages/core/dist/themes/css/overrides/typography.d.ts.map +1 -0
- package/packages/core/dist/themes/css/overrides/typography.js +139 -0
- package/packages/core/dist/themes/css/overrides/typography.js.map +1 -0
- package/packages/core/dist/themes/css/syntax-generator.d.ts +6 -0
- package/packages/core/dist/themes/css/syntax-generator.d.ts.map +1 -0
- package/packages/core/dist/themes/css/syntax-generator.js +55 -0
- package/packages/core/dist/themes/css/syntax-generator.js.map +1 -0
- package/packages/core/dist/themes/css/types.d.ts +23 -0
- package/packages/core/dist/themes/css/types.d.ts.map +1 -0
- package/packages/core/dist/themes/css/types.js +4 -0
- package/packages/core/dist/themes/css/types.js.map +1 -0
- package/packages/core/dist/themes/css.d.ts +2 -0
- package/packages/core/dist/themes/css.d.ts.map +1 -0
- package/packages/core/dist/themes/css.js +5 -0
- package/packages/core/dist/themes/css.js.map +1 -0
- package/packages/core/dist/themes/registry.d.ts +2 -0
- package/packages/core/dist/themes/registry.d.ts.map +1 -0
- package/packages/core/dist/themes/registry.js +6 -0
- package/packages/core/dist/themes/registry.js.map +1 -0
- package/packages/core/dist/themes/tokens.json +1050 -0
- package/packages/core/dist/themes/types.d.ts +198 -0
- package/packages/core/dist/themes/types.d.ts.map +1 -0
- package/packages/core/dist/themes/types.js +4 -0
- package/packages/core/dist/themes/types.js.map +1 -0
- package/packages/core/dist/tokens/index.d.ts +68 -0
- package/packages/core/dist/tokens/index.d.ts.map +1 -0
- package/packages/core/dist/tokens/index.js +86 -0
- package/packages/core/dist/tokens/index.js.map +1 -0
- package/packages/css/dist/generator.d.ts.map +1 -1
- package/packages/css/dist/generator.js +2 -0
- package/packages/css/dist/generator.js.map +1 -1
- package/packages/theme-selector/dist/errors.d.ts.map +1 -1
- package/packages/theme-selector/dist/errors.js +4 -0
- package/packages/theme-selector/dist/errors.js.map +1 -1
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Form CSS overrides - inputs, selects, validation states
|
|
3
|
+
/**
|
|
4
|
+
* Generate form-related CSS overrides.
|
|
5
|
+
* Includes inputs, textareas, selects, checkboxes, and validation states.
|
|
6
|
+
*/
|
|
7
|
+
export function cssFormOverrides() {
|
|
8
|
+
return `/* Forms */
|
|
9
|
+
input[type='checkbox'],
|
|
10
|
+
input[type='radio'],
|
|
11
|
+
progress,
|
|
12
|
+
input[type='range'] {
|
|
13
|
+
accent-color: var(--theme-link, var(--bulma-link));
|
|
14
|
+
}
|
|
15
|
+
.input:invalid,
|
|
16
|
+
.textarea:invalid,
|
|
17
|
+
select:invalid,
|
|
18
|
+
input:invalid {
|
|
19
|
+
border-color: var(--bulma-danger);
|
|
20
|
+
box-shadow: none;
|
|
21
|
+
}
|
|
22
|
+
.input:valid,
|
|
23
|
+
.textarea:valid,
|
|
24
|
+
select:valid,
|
|
25
|
+
input:valid {
|
|
26
|
+
border-color: var(--bulma-success);
|
|
27
|
+
box-shadow: none;
|
|
28
|
+
}
|
|
29
|
+
.input:focus,
|
|
30
|
+
.textarea:focus,
|
|
31
|
+
select:focus,
|
|
32
|
+
input:focus {
|
|
33
|
+
border-color: var(--bulma-link);
|
|
34
|
+
box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
|
|
35
|
+
outline: none;
|
|
36
|
+
}
|
|
37
|
+
.input:-moz-ui-invalid,
|
|
38
|
+
input:-moz-ui-invalid,
|
|
39
|
+
select:-moz-ui-invalid {
|
|
40
|
+
border-color: var(--bulma-danger);
|
|
41
|
+
box-shadow: none;
|
|
42
|
+
}
|
|
43
|
+
::placeholder {
|
|
44
|
+
color: var(--theme-text-muted, currentColor);
|
|
45
|
+
opacity: 1;
|
|
46
|
+
}
|
|
47
|
+
input:-webkit-autofill {
|
|
48
|
+
-webkit-text-fill-color: var(--theme-text, inherit);
|
|
49
|
+
box-shadow: 0 0 0 1000px var(--theme-surface-1, transparent) inset !important;
|
|
50
|
+
filter: none;
|
|
51
|
+
}
|
|
52
|
+
input[type='file']::file-selector-button {
|
|
53
|
+
background: color-mix(in srgb, var(--theme-link, var(--bulma-link)) 10%, transparent);
|
|
54
|
+
border: 1px solid var(--theme-link, var(--bulma-link));
|
|
55
|
+
color: var(--theme-text, inherit);
|
|
56
|
+
padding: 0.35rem 0.6rem;
|
|
57
|
+
border-radius: 0.4rem;
|
|
58
|
+
}
|
|
59
|
+
input[type='file']::file-selector-button:hover {
|
|
60
|
+
background: color-mix(in srgb, var(--theme-link, var(--bulma-link)) 18%, transparent);
|
|
61
|
+
}
|
|
62
|
+
#theme-flavor-select {
|
|
63
|
+
padding-left: 2rem;
|
|
64
|
+
}
|
|
65
|
+
#theme-flavor-icon {
|
|
66
|
+
display: none;
|
|
67
|
+
}
|
|
68
|
+
#theme-flavor-select option[data-icon] {
|
|
69
|
+
background-repeat: no-repeat;
|
|
70
|
+
background-size: 1rem 1rem;
|
|
71
|
+
background-position: 0.5rem center;
|
|
72
|
+
padding-left: 1.75rem;
|
|
73
|
+
}
|
|
74
|
+
#theme-flavor-select:hover {
|
|
75
|
+
border-color: var(--bulma-link);
|
|
76
|
+
box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
|
|
77
|
+
}
|
|
78
|
+
.input:not(.is-success):not(.is-danger),
|
|
79
|
+
.textarea:not(.is-success):not(.is-danger),
|
|
80
|
+
.select:not(.is-success):not(.is-danger) select,
|
|
81
|
+
.button.is-light {
|
|
82
|
+
background-color: var(--theme-surface-1, inherit);
|
|
83
|
+
color: var(--theme-text, inherit);
|
|
84
|
+
border-color: var(--theme-table-border, var(--bulma-border, currentColor));
|
|
85
|
+
}
|
|
86
|
+
.input:not(.is-success):not(.is-danger):focus,
|
|
87
|
+
.textarea:not(.is-success):not(.is-danger):focus,
|
|
88
|
+
.select:not(.is-success):not(.is-danger) select:focus {
|
|
89
|
+
border-color: var(--bulma-link);
|
|
90
|
+
box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
|
|
91
|
+
}
|
|
92
|
+
.select.is-theme select {
|
|
93
|
+
background-color: var(--theme-surface-1, inherit) !important;
|
|
94
|
+
color: var(--theme-text, inherit) !important;
|
|
95
|
+
border: 2px solid var(--theme-table-border, var(--bulma-border, currentColor)) !important;
|
|
96
|
+
border-radius: var(--bulma-radius, 0.375rem) !important;
|
|
97
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
|
|
98
|
+
padding: 0.5em 2.5em 0.5em 0.75em !important;
|
|
99
|
+
transition: all 0.2s ease !important;
|
|
100
|
+
font-weight: 500 !important;
|
|
101
|
+
appearance: none;
|
|
102
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
|
|
103
|
+
background-repeat: no-repeat;
|
|
104
|
+
background-position: right 0.75em center;
|
|
105
|
+
background-size: 0.75em;
|
|
106
|
+
filter: var(--theme-select-arrow-filter, brightness(0) saturate(100%) invert(0.4));
|
|
107
|
+
}
|
|
108
|
+
.select.is-theme select:hover {
|
|
109
|
+
border-color: var(--theme-link, var(--bulma-link)) !important;
|
|
110
|
+
box-shadow: 0 2px 4px color-mix(in srgb, var(--theme-link, var(--bulma-link)), transparent 85%) !important;
|
|
111
|
+
background-color: var(--theme-surface-2, inherit) !important;
|
|
112
|
+
}
|
|
113
|
+
.select.is-theme select:focus {
|
|
114
|
+
border-color: var(--theme-link, var(--bulma-link)) !important;
|
|
115
|
+
box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--theme-link, var(--bulma-link)), transparent 80%),
|
|
116
|
+
0 2px 4px color-mix(in srgb, var(--theme-link, var(--bulma-link)), transparent 85%) !important;
|
|
117
|
+
outline: none !important;
|
|
118
|
+
background-color: var(--theme-surface-1, inherit) !important;
|
|
119
|
+
}
|
|
120
|
+
.select.is-theme select:disabled {
|
|
121
|
+
opacity: 0.6;
|
|
122
|
+
cursor: not-allowed;
|
|
123
|
+
}
|
|
124
|
+
.select.is-theme.has-icons-left select {
|
|
125
|
+
padding-left: 2.5em;
|
|
126
|
+
}`;
|
|
127
|
+
}
|
|
128
|
+
//# sourceMappingURL=forms.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../../../src/themes/css/overrides/forms.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,0DAA0D;AAE1D;;;GAGG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsHP,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { cssTypographyOverrides } from './typography.js';
|
|
2
|
+
import { cssFormOverrides } from './forms.js';
|
|
3
|
+
import { cssDropdownOverrides } from './dropdown.js';
|
|
4
|
+
import { cssTableOverrides } from './tables.js';
|
|
5
|
+
import { cssNavbarOverrides } from './navbar.js';
|
|
6
|
+
import { cssAccessibilityOverrides } from './accessibility.js';
|
|
7
|
+
export { cssTypographyOverrides, cssFormOverrides, cssDropdownOverrides, cssTableOverrides, cssNavbarOverrides, cssAccessibilityOverrides, };
|
|
8
|
+
/**
|
|
9
|
+
* Generate all global CSS overrides composed from individual modules.
|
|
10
|
+
* This is the main entry point that combines typography, forms,
|
|
11
|
+
* dropdowns, tables, navbar, and accessibility overrides.
|
|
12
|
+
*/
|
|
13
|
+
export declare function cssGlobalOverrides(): string;
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/overrides/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,GAC1B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAa3C"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Global CSS overrides - composed from individual modules
|
|
3
|
+
import { cssTypographyOverrides } from './typography.js';
|
|
4
|
+
import { cssFormOverrides } from './forms.js';
|
|
5
|
+
import { cssDropdownOverrides } from './dropdown.js';
|
|
6
|
+
import { cssTableOverrides } from './tables.js';
|
|
7
|
+
import { cssNavbarOverrides } from './navbar.js';
|
|
8
|
+
import { cssAccessibilityOverrides } from './accessibility.js';
|
|
9
|
+
// Re-export individual override functions for selective use
|
|
10
|
+
export { cssTypographyOverrides, cssFormOverrides, cssDropdownOverrides, cssTableOverrides, cssNavbarOverrides, cssAccessibilityOverrides, };
|
|
11
|
+
/**
|
|
12
|
+
* Generate all global CSS overrides composed from individual modules.
|
|
13
|
+
* This is the main entry point that combines typography, forms,
|
|
14
|
+
* dropdowns, tables, navbar, and accessibility overrides.
|
|
15
|
+
*/
|
|
16
|
+
export function cssGlobalOverrides() {
|
|
17
|
+
return `/* SPDX-License-Identifier: MIT */
|
|
18
|
+
${cssTypographyOverrides()}
|
|
19
|
+
|
|
20
|
+
${cssFormOverrides()}
|
|
21
|
+
|
|
22
|
+
${cssDropdownOverrides()}
|
|
23
|
+
|
|
24
|
+
${cssTableOverrides()}
|
|
25
|
+
|
|
26
|
+
${cssNavbarOverrides()}
|
|
27
|
+
|
|
28
|
+
${cssAccessibilityOverrides()}`;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/themes/css/overrides/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,0DAA0D;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,4DAA4D;AAC5D,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,GAC1B,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO;EACP,sBAAsB,EAAE;;EAExB,gBAAgB,EAAE;;EAElB,oBAAoB,EAAE;;EAEtB,iBAAiB,EAAE;;EAEnB,kBAAkB,EAAE;;EAEpB,yBAAyB,EAAE,EAAE,CAAC;AAChC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/overrides/navbar.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAuD3C"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Navbar CSS overrides - navigation bar styling
|
|
3
|
+
/**
|
|
4
|
+
* Generate navbar-related CSS overrides.
|
|
5
|
+
* Includes navigation bar, items, dropdowns, and active states.
|
|
6
|
+
*/
|
|
7
|
+
export function cssNavbarOverrides() {
|
|
8
|
+
return `/* Navbar */
|
|
9
|
+
.navbar {
|
|
10
|
+
background-color: var(--theme-surface-0, inherit) !important;
|
|
11
|
+
border-bottom: 1px solid var(--theme-border, var(--theme-table-border, var(--bulma-border, currentColor))) !important;
|
|
12
|
+
--bulma-navbar-background-color: var(--theme-surface-0, inherit);
|
|
13
|
+
--bulma-navbar-item-color: var(--theme-text, inherit);
|
|
14
|
+
--bulma-navbar-item-hover-background-l-delta: 0.05;
|
|
15
|
+
--bulma-navbar-item-active-background-l-delta: 0.1;
|
|
16
|
+
}
|
|
17
|
+
.navbar-item,
|
|
18
|
+
.navbar-link {
|
|
19
|
+
color: var(--theme-text, inherit) !important;
|
|
20
|
+
--bulma-navbar-item-color-l: var(--bulma-text-l);
|
|
21
|
+
}
|
|
22
|
+
.navbar-item.is-active,
|
|
23
|
+
.navbar-link.is-active {
|
|
24
|
+
color: var(--theme-link, var(--bulma-link)) !important;
|
|
25
|
+
background-color: transparent !important;
|
|
26
|
+
--bulma-navbar-item-color-l: var(--bulma-link-l);
|
|
27
|
+
}
|
|
28
|
+
.navbar-link:not(.is-arrowless)::after {
|
|
29
|
+
border-color: var(--theme-link, var(--bulma-link)) !important;
|
|
30
|
+
}
|
|
31
|
+
.navbar-dropdown {
|
|
32
|
+
background-color: var(--theme-surface-1, inherit) !important;
|
|
33
|
+
border-top: 1px solid var(--theme-border, var(--theme-table-border, var(--bulma-border, currentColor))) !important;
|
|
34
|
+
box-shadow: 0 4px 6px rgba(10, 10, 10, 0.1);
|
|
35
|
+
--bulma-navbar-dropdown-background-color: var(--theme-surface-1, inherit);
|
|
36
|
+
}
|
|
37
|
+
.navbar-dropdown .navbar-item {
|
|
38
|
+
color: var(--theme-text, inherit) !important;
|
|
39
|
+
background-color: transparent !important;
|
|
40
|
+
border: none;
|
|
41
|
+
}
|
|
42
|
+
.navbar-dropdown .navbar-item:hover {
|
|
43
|
+
background-color: var(--theme-surface-2, inherit) !important;
|
|
44
|
+
color: var(--theme-link, var(--bulma-link)) !important;
|
|
45
|
+
}
|
|
46
|
+
.navbar-dropdown .navbar-item.is-active {
|
|
47
|
+
background-color: var(--theme-surface-2, inherit) !important;
|
|
48
|
+
color: var(--theme-link, var(--bulma-link)) !important;
|
|
49
|
+
}
|
|
50
|
+
.navbar-item:hover,
|
|
51
|
+
.navbar-link:hover {
|
|
52
|
+
background-color: var(--theme-surface-2, inherit) !important;
|
|
53
|
+
color: var(--theme-link, var(--bulma-link)) !important;
|
|
54
|
+
}
|
|
55
|
+
a.navbar-item:hover,
|
|
56
|
+
a.navbar-item.is-active,
|
|
57
|
+
.navbar-link:hover,
|
|
58
|
+
.navbar-link.is-active {
|
|
59
|
+
background-color: var(--theme-surface-2, inherit) !important;
|
|
60
|
+
color: var(--theme-link, var(--bulma-link)) !important;
|
|
61
|
+
}`;
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=navbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../../src/themes/css/overrides/navbar.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,gDAAgD;AAEhD;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDP,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tables.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/overrides/tables.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAoB1C"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Table CSS overrides - striping, borders, headers
|
|
3
|
+
/**
|
|
4
|
+
* Generate table-related CSS overrides.
|
|
5
|
+
* Includes striping, borders, and header styles.
|
|
6
|
+
*/
|
|
7
|
+
export function cssTableOverrides() {
|
|
8
|
+
return `/* Tables */
|
|
9
|
+
.table.is-striped tbody tr:nth-child(even) {
|
|
10
|
+
background-color: var(--theme-table-stripe, var(--theme-surface-2, inherit));
|
|
11
|
+
}
|
|
12
|
+
.box,
|
|
13
|
+
.card,
|
|
14
|
+
.dropdown-content,
|
|
15
|
+
.menu,
|
|
16
|
+
.message,
|
|
17
|
+
.panel,
|
|
18
|
+
.table,
|
|
19
|
+
.table td,
|
|
20
|
+
.table th,
|
|
21
|
+
.modal-card {
|
|
22
|
+
border-color: var(--theme-table-border, var(--bulma-border, currentColor));
|
|
23
|
+
}
|
|
24
|
+
.table thead th {
|
|
25
|
+
background-color: var(--theme-table-thead-bg, var(--theme-surface-2, inherit));
|
|
26
|
+
}`;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=tables.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tables.js","sourceRoot":"","sources":["../../../../src/themes/css/overrides/tables.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,mDAAmD;AAEnD;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;EAkBP,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/overrides/typography.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAmI/C"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Typography CSS overrides - fonts, headings, body text
|
|
3
|
+
/**
|
|
4
|
+
* Generate typography-related CSS overrides.
|
|
5
|
+
* Includes font families, heading colors, and body text styles.
|
|
6
|
+
*/
|
|
7
|
+
export function cssTypographyOverrides() {
|
|
8
|
+
return `/* Typography */
|
|
9
|
+
html {
|
|
10
|
+
font-family: var(
|
|
11
|
+
--theme-font-sans,
|
|
12
|
+
system-ui,
|
|
13
|
+
-apple-system,
|
|
14
|
+
Segoe UI,
|
|
15
|
+
Roboto,
|
|
16
|
+
Helvetica,
|
|
17
|
+
Arial,
|
|
18
|
+
sans-serif
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
body,
|
|
22
|
+
.content {
|
|
23
|
+
font-family: var(
|
|
24
|
+
--theme-font-sans,
|
|
25
|
+
system-ui,
|
|
26
|
+
-apple-system,
|
|
27
|
+
Segoe UI,
|
|
28
|
+
Roboto,
|
|
29
|
+
Helvetica,
|
|
30
|
+
Arial,
|
|
31
|
+
sans-serif
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
.title,
|
|
35
|
+
.content h1,
|
|
36
|
+
.content h2,
|
|
37
|
+
.content h3,
|
|
38
|
+
.content h4,
|
|
39
|
+
.content h5,
|
|
40
|
+
.content h6 {
|
|
41
|
+
font-family: var(
|
|
42
|
+
--theme-font-sans,
|
|
43
|
+
system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
code,
|
|
47
|
+
kbd,
|
|
48
|
+
pre,
|
|
49
|
+
samp {
|
|
50
|
+
font-family: var(
|
|
51
|
+
--theme-font-mono,
|
|
52
|
+
ui-monospace,
|
|
53
|
+
SFMono-Regular,
|
|
54
|
+
Menlo,
|
|
55
|
+
Monaco,
|
|
56
|
+
Consolas,
|
|
57
|
+
'Liberation Mono',
|
|
58
|
+
'Courier New',
|
|
59
|
+
monospace
|
|
60
|
+
);
|
|
61
|
+
}
|
|
62
|
+
html,
|
|
63
|
+
body {
|
|
64
|
+
color: var(--theme-text, inherit);
|
|
65
|
+
}
|
|
66
|
+
.content p {
|
|
67
|
+
color: var(--theme-text, inherit);
|
|
68
|
+
}
|
|
69
|
+
.title.is-1,
|
|
70
|
+
h1 {
|
|
71
|
+
color: var(--theme-h1, var(--theme-text, inherit));
|
|
72
|
+
}
|
|
73
|
+
.title.is-2,
|
|
74
|
+
h2 {
|
|
75
|
+
color: var(--theme-h2, var(--theme-text, inherit));
|
|
76
|
+
}
|
|
77
|
+
.title.is-3,
|
|
78
|
+
h3 {
|
|
79
|
+
color: var(--theme-h3, var(--theme-text, inherit));
|
|
80
|
+
}
|
|
81
|
+
.title.is-4,
|
|
82
|
+
h4 {
|
|
83
|
+
color: var(--theme-h4, var(--theme-text, inherit));
|
|
84
|
+
}
|
|
85
|
+
.title.is-5,
|
|
86
|
+
h5 {
|
|
87
|
+
color: var(--theme-h5, var(--theme-text, inherit));
|
|
88
|
+
}
|
|
89
|
+
.title.is-6,
|
|
90
|
+
h6 {
|
|
91
|
+
color: var(--theme-h6, var(--theme-text, inherit));
|
|
92
|
+
}
|
|
93
|
+
.content h1 {
|
|
94
|
+
color: var(--theme-h1, var(--theme-text, inherit));
|
|
95
|
+
}
|
|
96
|
+
.content h2 {
|
|
97
|
+
color: var(--theme-h2, var(--theme-text, inherit));
|
|
98
|
+
}
|
|
99
|
+
.content h3 {
|
|
100
|
+
color: var(--theme-h3, var(--theme-text, inherit));
|
|
101
|
+
}
|
|
102
|
+
.content h4 {
|
|
103
|
+
color: var(--theme-h4, var(--theme-text, inherit));
|
|
104
|
+
}
|
|
105
|
+
.content h5 {
|
|
106
|
+
color: var(--theme-h5, var(--theme-text, inherit));
|
|
107
|
+
}
|
|
108
|
+
.content h6 {
|
|
109
|
+
color: var(--theme-h6, var(--theme-text, inherit));
|
|
110
|
+
}
|
|
111
|
+
.label,
|
|
112
|
+
label {
|
|
113
|
+
color: var(--theme-label-color, var(--theme-text, inherit));
|
|
114
|
+
}
|
|
115
|
+
.content a {
|
|
116
|
+
color: var(--theme-link, var(--bulma-link));
|
|
117
|
+
}
|
|
118
|
+
.content a:hover {
|
|
119
|
+
color: var(--theme-link-hover, var(--theme-link));
|
|
120
|
+
}
|
|
121
|
+
.content blockquote {
|
|
122
|
+
border-left: 4px solid var(--theme-blockquote-border, currentColor);
|
|
123
|
+
color: var(--theme-blockquote-fg, inherit);
|
|
124
|
+
background: var(--theme-blockquote-bg, transparent);
|
|
125
|
+
font-style: italic;
|
|
126
|
+
}
|
|
127
|
+
.content hr,
|
|
128
|
+
hr {
|
|
129
|
+
height: 0;
|
|
130
|
+
border: 0;
|
|
131
|
+
border-top: 2px solid
|
|
132
|
+
var(
|
|
133
|
+
--theme-hr-color,
|
|
134
|
+
var(--theme-h1, var(--theme-table-border, var(--bulma-border, currentColor)))
|
|
135
|
+
);
|
|
136
|
+
background: none;
|
|
137
|
+
}`;
|
|
138
|
+
}
|
|
139
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/themes/css/overrides/typography.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,wDAAwD;AAExD;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiIP,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syntax-generator.d.ts","sourceRoot":"","sources":["../../../src/themes/css/syntax-generator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAkDzE"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Syntax highlighting CSS generation
|
|
3
|
+
import { escapeCssId, sanitizeCssColor } from './helpers.js';
|
|
4
|
+
import { SYNTAX_CLASS_GROUPS } from './mappings.js';
|
|
5
|
+
/**
|
|
6
|
+
* Generates syntax highlighting CSS for a theme flavor.
|
|
7
|
+
*/
|
|
8
|
+
export function generateSyntaxHighlightingCSS(flavor) {
|
|
9
|
+
const { tokens } = flavor;
|
|
10
|
+
const escapedId = escapeCssId(flavor.id);
|
|
11
|
+
// Sanitize all color values to prevent CSS injection
|
|
12
|
+
const syntaxColors = {
|
|
13
|
+
fg: sanitizeCssColor(tokens.content.codeInline.fg),
|
|
14
|
+
bg: sanitizeCssColor(tokens.content.codeInline.bg),
|
|
15
|
+
comment: sanitizeCssColor(tokens.text.secondary),
|
|
16
|
+
keyword: sanitizeCssColor(tokens.brand.primary),
|
|
17
|
+
string: sanitizeCssColor(tokens.state.success),
|
|
18
|
+
number: sanitizeCssColor(tokens.state.warning),
|
|
19
|
+
title: sanitizeCssColor(tokens.state.info),
|
|
20
|
+
attr: sanitizeCssColor(tokens.accent.link),
|
|
21
|
+
};
|
|
22
|
+
const selector = (classes) => classes.map((c) => `html[data-flavor='${escapedId}'] .highlight ${c}`).join(',\n');
|
|
23
|
+
return `html[data-flavor='${escapedId}'] .highlight {
|
|
24
|
+
background: ${syntaxColors.bg};
|
|
25
|
+
color: ${syntaxColors.fg};
|
|
26
|
+
}
|
|
27
|
+
html[data-flavor='${escapedId}'] .highlight pre,
|
|
28
|
+
html[data-flavor='${escapedId}'] pre.highlight {
|
|
29
|
+
background: transparent;
|
|
30
|
+
color: ${syntaxColors.fg};
|
|
31
|
+
}
|
|
32
|
+
html[data-flavor='${escapedId}'] .highlight code {
|
|
33
|
+
background: transparent;
|
|
34
|
+
color: ${syntaxColors.fg};
|
|
35
|
+
}
|
|
36
|
+
${selector(SYNTAX_CLASS_GROUPS.comment)} {
|
|
37
|
+
color: ${syntaxColors.comment};
|
|
38
|
+
}
|
|
39
|
+
${selector(SYNTAX_CLASS_GROUPS.keyword)} {
|
|
40
|
+
color: ${syntaxColors.keyword};
|
|
41
|
+
}
|
|
42
|
+
${selector(SYNTAX_CLASS_GROUPS.string)} {
|
|
43
|
+
color: ${syntaxColors.string};
|
|
44
|
+
}
|
|
45
|
+
${selector(SYNTAX_CLASS_GROUPS.number)} {
|
|
46
|
+
color: ${syntaxColors.number};
|
|
47
|
+
}
|
|
48
|
+
${selector(SYNTAX_CLASS_GROUPS.attr)} {
|
|
49
|
+
color: ${syntaxColors.attr};
|
|
50
|
+
}
|
|
51
|
+
${selector(SYNTAX_CLASS_GROUPS.title)} {
|
|
52
|
+
color: ${syntaxColors.title};
|
|
53
|
+
}`;
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=syntax-generator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syntax-generator.js","sourceRoot":"","sources":["../../../src/themes/css/syntax-generator.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,qCAAqC;AAGrC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,6BAA6B,CAAC,MAAmB;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAEzC,qDAAqD;IACrD,MAAM,YAAY,GAAG;QACnB,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAClD,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAClD,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;QAChD,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/C,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QAC9C,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QAC9C,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1C,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;KAC3C,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,OAA0B,EAAU,EAAE,CACtD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,SAAS,iBAAiB,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAErF,OAAO,qBAAqB,SAAS;gBACvB,YAAY,CAAC,EAAE;WACpB,YAAY,CAAC,EAAE;;oBAEN,SAAS;oBACT,SAAS;;WAElB,YAAY,CAAC,EAAE;;oBAEN,SAAS;;WAElB,YAAY,CAAC,EAAE;;EAExB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,CAAC;WAC5B,YAAY,CAAC,OAAO;;EAE7B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,CAAC;WAC5B,YAAY,CAAC,OAAO;;EAE7B,QAAQ,CAAC,mBAAmB,CAAC,MAAM,CAAC;WAC3B,YAAY,CAAC,MAAM;;EAE5B,QAAQ,CAAC,mBAAmB,CAAC,MAAM,CAAC;WAC3B,YAAY,CAAC,MAAM;;EAE5B,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC;WACzB,YAAY,CAAC,IAAI;;EAE1B,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC;WAC1B,YAAY,CAAC,KAAK;EAC3B,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type TokenPath = string;
|
|
2
|
+
export type CSSVariableName = string;
|
|
3
|
+
export interface CSSVariableMapping {
|
|
4
|
+
cssVar: CSSVariableName;
|
|
5
|
+
tokenPath: TokenPath;
|
|
6
|
+
fallbackPath?: TokenPath;
|
|
7
|
+
}
|
|
8
|
+
export interface HSLVariableMapping {
|
|
9
|
+
hVar: CSSVariableName;
|
|
10
|
+
sVar: CSSVariableName;
|
|
11
|
+
lVar: CSSVariableName;
|
|
12
|
+
tokenPath: TokenPath;
|
|
13
|
+
}
|
|
14
|
+
export interface HSLColorMapping {
|
|
15
|
+
cssVar: CSSVariableName;
|
|
16
|
+
tokenPath: TokenPath;
|
|
17
|
+
}
|
|
18
|
+
export interface ComponentTokenMapping {
|
|
19
|
+
cssVar: CSSVariableName;
|
|
20
|
+
componentPath: string;
|
|
21
|
+
fallbackPath: string;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/css/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAC/B,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,eAAe,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/themes/css/types.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,uCAAuC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/themes/css.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/themes/css.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,6CAA6C;AAC7C,6CAA6C;AAE7C,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/themes/registry.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
// Theme registry - collects all available theme flavors
|
|
3
|
+
// Re-exports from tokens/index.ts to maintain backwards compatibility
|
|
4
|
+
// Re-export flavors from tokens (canonical source)
|
|
5
|
+
export { flavors } from '../tokens/index.js';
|
|
6
|
+
//# sourceMappingURL=registry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/themes/registry.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,wDAAwD;AACxD,sEAAsE;AAEtE,mDAAmD;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|