@ojiepermana/angular-theme 22.0.35 → 22.0.41
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/README.md +54 -22
- package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +74 -20
- package/fesm2022/ojiepermana-angular-theme-layout.mjs +14 -2
- package/fesm2022/ojiepermana-angular-theme-page.mjs +251 -101
- package/fesm2022/ojiepermana-angular-theme-styles.mjs +375 -53
- package/layout/README.md +21 -19
- package/package.json +3 -3
- package/page/README.md +53 -15
- package/styles/README.md +18 -3
- package/styles/css/{seasonal/base → base}/tailwind.css +9 -5
- package/styles/css/{seasonal/base → base}/theme.css +27 -52
- package/styles/css/{seasonal/base → base}/tokens.css +62 -44
- package/styles/css/color/amber.css +52 -0
- package/styles/css/color/blue.css +52 -0
- package/styles/css/color/brand.css +16 -0
- package/styles/css/color/cyan.css +52 -0
- package/styles/css/color/emerald.css +52 -0
- package/styles/css/color/fuchsia.css +52 -0
- package/styles/css/color/green.css +52 -0
- package/styles/css/color/index.css +19 -0
- package/styles/css/color/indigo.css +52 -0
- package/styles/css/color/lime.css +52 -0
- package/styles/css/color/orange.css +52 -0
- package/styles/css/color/pink.css +52 -0
- package/styles/css/color/purple.css +52 -0
- package/styles/css/color/red.css +52 -0
- package/styles/css/color/rose.css +52 -0
- package/styles/css/color/sky.css +52 -0
- package/styles/css/color/teal.css +52 -0
- package/styles/css/color/violet.css +52 -0
- package/styles/css/color/yellow.css +52 -0
- package/styles/css/index.css +15 -6
- package/styles/css/neutral/gray.css +36 -0
- package/styles/css/neutral/index.css +11 -0
- package/styles/css/neutral/mauve.css +36 -0
- package/styles/css/neutral/mist.css +36 -0
- package/styles/css/neutral/neutral.css +36 -0
- package/styles/css/neutral/olive.css +36 -0
- package/styles/css/neutral/slate.css +36 -0
- package/styles/css/neutral/stone.css +36 -0
- package/styles/css/neutral/taupe.css +36 -0
- package/styles/css/neutral/zinc.css +36 -0
- package/styles/css/radius/index.css +29 -0
- package/styles/css/space/index.css +24 -0
- package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +43 -10
- package/types/ojiepermana-angular-theme-layout.d.ts +1 -0
- package/types/ojiepermana-angular-theme-page.d.ts +88 -36
- package/types/ojiepermana-angular-theme-styles.d.ts +169 -37
- package/styles/css/seasonal/ied/package.css +0 -4
- package/styles/css/seasonal/ied/theme.css +0 -78
- package/styles/css/seasonal/imlek/components.css +0 -87
- package/styles/css/seasonal/imlek/package.css +0 -6
- package/styles/css/seasonal/imlek/tailwind.css +0 -144
- package/styles/css/seasonal/imlek/theme.css +0 -95
- package/styles/css/seasonal/imlek/tokens.css +0 -152
- package/styles/css/seasonal/index.css +0 -6
- package/styles/css/seasonal/natal/package.css +0 -4
- package/styles/css/seasonal/natal/theme.css +0 -78
- package/styles/css/seasonal/new-year/package.css +0 -4
- package/styles/css/seasonal/new-year/theme.css +0 -78
- package/styles/css/seasonal/ramadhan/package.css +0 -4
- package/styles/css/seasonal/ramadhan/theme.css +0 -78
- /package/styles/css/{seasonal/base → base}/components.css +0 -0
- /package/styles/css/{seasonal/base → base}/package.css +0 -0
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Token overrides for the New Year season.
|
|
3
|
-
*/
|
|
4
|
-
@layer tokens {
|
|
5
|
-
html[theme-season='new-year'][data-mode='light'] {
|
|
6
|
-
color-scheme: light;
|
|
7
|
-
|
|
8
|
-
--highlight: 232 58% 32%;
|
|
9
|
-
|
|
10
|
-
--background: 228 34% 98%;
|
|
11
|
-
--surface: 43 65% 95%;
|
|
12
|
-
--surface-foreground: 232 44% 18%;
|
|
13
|
-
--foreground: 232 44% 18%;
|
|
14
|
-
|
|
15
|
-
--card: 0 0% 100%;
|
|
16
|
-
--card-foreground: 232 44% 18%;
|
|
17
|
-
|
|
18
|
-
--popover: 0 0% 100%;
|
|
19
|
-
--popover-foreground: 232 44% 18%;
|
|
20
|
-
|
|
21
|
-
--muted: 228 16% 93%;
|
|
22
|
-
--muted-foreground: 232 14% 36%;
|
|
23
|
-
|
|
24
|
-
--border: 228 18% 84%;
|
|
25
|
-
--input: 228 18% 84%;
|
|
26
|
-
|
|
27
|
-
--primary: 232 58% 32%;
|
|
28
|
-
--primary-foreground: 0 0% 100%;
|
|
29
|
-
--accent: 43 88% 93%;
|
|
30
|
-
--accent-foreground: 232 42% 22%;
|
|
31
|
-
--secondary: 228 24% 94%;
|
|
32
|
-
--secondary-foreground: 232 48% 24%;
|
|
33
|
-
--ring: 43 92% 56%;
|
|
34
|
-
|
|
35
|
-
--chart-1: 232 58% 32%;
|
|
36
|
-
--chart-2: 43 92% 56%;
|
|
37
|
-
--chart-3: 203 72% 46%;
|
|
38
|
-
--chart-4: 325 72% 56%;
|
|
39
|
-
--chart-5: 160 54% 42%;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
html[theme-season='new-year'][data-mode='dark'] {
|
|
43
|
-
color-scheme: dark;
|
|
44
|
-
|
|
45
|
-
--highlight: 43 92% 62%;
|
|
46
|
-
|
|
47
|
-
--background: 232 30% 11%;
|
|
48
|
-
--surface: 232 24% 16%;
|
|
49
|
-
--surface-foreground: 45 52% 95%;
|
|
50
|
-
--foreground: 45 52% 95%;
|
|
51
|
-
|
|
52
|
-
--card: 232 24% 14%;
|
|
53
|
-
--card-foreground: 45 52% 95%;
|
|
54
|
-
|
|
55
|
-
--popover: 232 24% 14%;
|
|
56
|
-
--popover-foreground: 45 52% 95%;
|
|
57
|
-
|
|
58
|
-
--muted: 232 18% 19%;
|
|
59
|
-
--muted-foreground: 45 18% 78%;
|
|
60
|
-
|
|
61
|
-
--border: 232 16% 25%;
|
|
62
|
-
--input: 232 16% 25%;
|
|
63
|
-
|
|
64
|
-
--primary: 43 92% 62%;
|
|
65
|
-
--primary-foreground: 232 38% 12%;
|
|
66
|
-
--accent: 232 24% 22%;
|
|
67
|
-
--accent-foreground: 43 82% 88%;
|
|
68
|
-
--secondary: 232 18% 19%;
|
|
69
|
-
--secondary-foreground: 43 65% 86%;
|
|
70
|
-
--ring: 43 92% 62%;
|
|
71
|
-
|
|
72
|
-
--chart-1: 43 92% 62%;
|
|
73
|
-
--chart-2: 232 66% 64%;
|
|
74
|
-
--chart-3: 203 80% 68%;
|
|
75
|
-
--chart-4: 325 80% 72%;
|
|
76
|
-
--chart-5: 160 60% 58%;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Token overrides for the Ramadhan season.
|
|
3
|
-
*/
|
|
4
|
-
@layer tokens {
|
|
5
|
-
html[theme-season='ramadhan'][data-mode='light'] {
|
|
6
|
-
color-scheme: light;
|
|
7
|
-
|
|
8
|
-
--highlight: 156 72% 32%;
|
|
9
|
-
|
|
10
|
-
--background: 150 32% 98%;
|
|
11
|
-
--surface: 47 78% 96%;
|
|
12
|
-
--surface-foreground: 156 38% 16%;
|
|
13
|
-
--foreground: 156 38% 16%;
|
|
14
|
-
|
|
15
|
-
--card: 0 0% 100%;
|
|
16
|
-
--card-foreground: 156 38% 16%;
|
|
17
|
-
|
|
18
|
-
--popover: 0 0% 100%;
|
|
19
|
-
--popover-foreground: 156 38% 16%;
|
|
20
|
-
|
|
21
|
-
--muted: 150 20% 94%;
|
|
22
|
-
--muted-foreground: 156 18% 34%;
|
|
23
|
-
|
|
24
|
-
--border: 150 18% 84%;
|
|
25
|
-
--input: 150 18% 84%;
|
|
26
|
-
|
|
27
|
-
--primary: 156 72% 32%;
|
|
28
|
-
--primary-foreground: 0 0% 100%;
|
|
29
|
-
--accent: 47 92% 92%;
|
|
30
|
-
--accent-foreground: 156 52% 20%;
|
|
31
|
-
--secondary: 150 24% 92%;
|
|
32
|
-
--secondary-foreground: 156 48% 22%;
|
|
33
|
-
--ring: 47 92% 52%;
|
|
34
|
-
|
|
35
|
-
--chart-1: 156 72% 32%;
|
|
36
|
-
--chart-2: 47 92% 52%;
|
|
37
|
-
--chart-3: 190 78% 42%;
|
|
38
|
-
--chart-4: 24 95% 58%;
|
|
39
|
-
--chart-5: 266 72% 60%;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
html[theme-season='ramadhan'][data-mode='dark'] {
|
|
43
|
-
color-scheme: dark;
|
|
44
|
-
|
|
45
|
-
--highlight: 47 92% 62%;
|
|
46
|
-
|
|
47
|
-
--background: 156 30% 10%;
|
|
48
|
-
--surface: 156 24% 15%;
|
|
49
|
-
--surface-foreground: 48 80% 95%;
|
|
50
|
-
--foreground: 48 80% 95%;
|
|
51
|
-
|
|
52
|
-
--card: 156 24% 13%;
|
|
53
|
-
--card-foreground: 48 80% 95%;
|
|
54
|
-
|
|
55
|
-
--popover: 156 24% 13%;
|
|
56
|
-
--popover-foreground: 48 80% 95%;
|
|
57
|
-
|
|
58
|
-
--muted: 156 16% 18%;
|
|
59
|
-
--muted-foreground: 48 22% 76%;
|
|
60
|
-
|
|
61
|
-
--border: 156 14% 24%;
|
|
62
|
-
--input: 156 14% 24%;
|
|
63
|
-
|
|
64
|
-
--primary: 47 92% 62%;
|
|
65
|
-
--primary-foreground: 156 46% 14%;
|
|
66
|
-
--accent: 156 24% 20%;
|
|
67
|
-
--accent-foreground: 48 86% 90%;
|
|
68
|
-
--secondary: 156 18% 18%;
|
|
69
|
-
--secondary-foreground: 48 70% 90%;
|
|
70
|
-
--ring: 47 92% 62%;
|
|
71
|
-
|
|
72
|
-
--chart-1: 47 92% 62%;
|
|
73
|
-
--chart-2: 156 68% 46%;
|
|
74
|
-
--chart-3: 190 84% 62%;
|
|
75
|
-
--chart-4: 30 95% 66%;
|
|
76
|
-
--chart-5: 266 78% 72%;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
File without changes
|
|
File without changes
|