@kilivi/payloadcms-theme-management 0.1.10 → 0.1.12

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 (33) hide show
  1. package/dist/components/ServerThemeInjector.js +3 -3
  2. package/dist/components/ServerThemeInjector.js.map +1 -1
  3. package/dist/components/ThemePreview.js.map +1 -1
  4. package/dist/components/typographyPreviewUtils.js.map +1 -1
  5. package/dist/constants/themeFonts.js.map +1 -1
  6. package/dist/fields/ColorPickerField.js.map +1 -1
  7. package/dist/fields/RadiusField.js.map +1 -1
  8. package/dist/fields/ThemeColorPickerField.css +138 -138
  9. package/dist/fields/ThemeColorPickerField.js.map +1 -1
  10. package/dist/fields/ThemePreviewField.js.map +1 -1
  11. package/dist/fields/ThemeTokenSelectField.js.map +1 -1
  12. package/dist/fields/colorModeFields.js.map +1 -1
  13. package/dist/fields/themeConfigurationField.js +3 -3
  14. package/dist/fields/themeConfigurationField.js.map +1 -1
  15. package/dist/index.js.map +1 -1
  16. package/dist/payload-types.js +3 -3
  17. package/dist/payload-types.js.map +1 -1
  18. package/dist/plugin.js.map +1 -1
  19. package/dist/presets.js.map +1 -1
  20. package/dist/providers/Theme/index.js.map +1 -1
  21. package/dist/providers/Theme/shared.js.map +1 -1
  22. package/dist/providers/Theme/themeConfig.js.map +1 -1
  23. package/dist/providers/Theme/types.js.map +1 -1
  24. package/dist/server.js.map +1 -1
  25. package/dist/types.js.map +1 -1
  26. package/dist/utils/resolveThemeConfiguration.js.map +1 -1
  27. package/dist/utils/themeAssets.js.map +1 -1
  28. package/dist/utils/themeColors.js.map +1 -1
  29. package/dist/utils/themeUtils.js +6 -6
  30. package/dist/utils/themeUtils.js.map +1 -1
  31. package/package.json +1 -1
  32. package/dist/src/--verbose/dist/fields/ThemeColorPickerField.scss +0 -138
  33. package/dist/src/dist/fields/ThemeColorPickerField.scss +0 -138
package/dist/src/--verbose/dist/fields/ThemeColorPickerField.scss DELETED
@@ -1,138 +0,0 @@
1
- .theme-color-picker-field {
2
- margin-bottom: 1rem;
3
-
4
- .field-header {
5
- margin-bottom: 0.5rem;
6
- }
7
-
8
- .field-label {
9
- display: block;
10
- font-weight: 500;
11
- font-size: 0.875rem;
12
- color: var(--theme-text);
13
- margin-bottom: 0.25rem;
14
- }
15
-
16
- .field-description {
17
- font-size: 0.75rem;
18
- color: var(--theme-elevation-400);
19
- margin-top: 0.25rem;
20
- }
21
-
22
- .color-picker-container {
23
- display: flex;
24
- gap: 0.75rem;
25
- align-items: center;
26
- }
27
-
28
- .color-input-wrapper {
29
- display: flex;
30
- gap: 0.5rem;
31
- flex: 1;
32
- }
33
-
34
- .color-input {
35
- width: 60px;
36
- height: 38px;
37
- border: 1px solid var(--theme-elevation-200);
38
- border-radius: 4px;
39
- cursor: pointer;
40
- padding: 2px;
41
-
42
- &:hover {
43
- border-color: var(--theme-elevation-400);
44
- }
45
-
46
- &:focus {
47
- outline: 2px solid var(--theme-elevation-500);
48
- outline-offset: 1px;
49
- }
50
- }
51
-
52
- .text-input {
53
- flex: 1;
54
- height: 38px;
55
- padding: 0 0.75rem;
56
- border: 1px solid var(--theme-elevation-200);
57
- border-radius: 4px;
58
- font-family: monospace;
59
- font-size: 0.875rem;
60
- background: var(--theme-elevation-0);
61
- color: var(--theme-text);
62
-
63
- &:hover {
64
- border-color: var(--theme-elevation-400);
65
- }
66
-
67
- &:focus {
68
- outline: 2px solid var(--theme-elevation-500);
69
- outline-offset: 1px;
70
- border-color: var(--theme-elevation-500);
71
- }
72
-
73
- &::placeholder {
74
- color: var(--theme-elevation-400);
75
- }
76
-
77
- &:invalid {
78
- border-color: #ef4444;
79
- }
80
- }
81
-
82
- .color-preview {
83
- width: 120px;
84
- height: 38px;
85
- border-radius: 4px;
86
- border: 1px solid var(--theme-elevation-200);
87
- display: flex;
88
- align-items: center;
89
- justify-content: center;
90
- position: relative;
91
- overflow: hidden;
92
-
93
- .preview-label {
94
- font-size: 0.75rem;
95
- font-family: monospace;
96
- padding: 0.25rem 0.5rem;
97
- background: rgba(255, 255, 255, 0.9);
98
- border-radius: 2px;
99
- backdrop-filter: blur(4px);
100
- color: #000;
101
- font-weight: 500;
102
- }
103
- }
104
-
105
- .mini-preview {
106
- margin-top: 1rem;
107
- padding: 1rem;
108
- border-radius: 6px;
109
- border: 1px solid;
110
-
111
- .preview-card {
112
- padding: 1rem;
113
- border-radius: 4px;
114
- border: 1px solid;
115
- display: flex;
116
- gap: 0.5rem;
117
- flex-wrap: wrap;
118
- }
119
-
120
- .preview-button {
121
- padding: 0.5rem 1rem;
122
- border-radius: 4px;
123
- border: none;
124
- font-size: 0.875rem;
125
- font-weight: 500;
126
- cursor: pointer;
127
- transition: opacity 0.2s;
128
-
129
- &:hover {
130
- opacity: 0.9;
131
- }
132
-
133
- &.secondary {
134
- border: 1px solid currentColor;
135
- }
136
- }
137
- }
138
- }
package/dist/src/dist/fields/ThemeColorPickerField.scss DELETED
@@ -1,138 +0,0 @@
1
- .theme-color-picker-field {
2
- margin-bottom: 1rem;
3
-
4
- .field-header {
5
- margin-bottom: 0.5rem;
6
- }
7
-
8
- .field-label {
9
- display: block;
10
- font-weight: 500;
11
- font-size: 0.875rem;
12
- color: var(--theme-text);
13
- margin-bottom: 0.25rem;
14
- }
15
-
16
- .field-description {
17
- font-size: 0.75rem;
18
- color: var(--theme-elevation-400);
19
- margin-top: 0.25rem;
20
- }
21
-
22
- .color-picker-container {
23
- display: flex;
24
- gap: 0.75rem;
25
- align-items: center;
26
- }
27
-
28
- .color-input-wrapper {
29
- display: flex;
30
- gap: 0.5rem;
31
- flex: 1;
32
- }
33
-
34
- .color-input {
35
- width: 60px;
36
- height: 38px;
37
- border: 1px solid var(--theme-elevation-200);
38
- border-radius: 4px;
39
- cursor: pointer;
40
- padding: 2px;
41
-
42
- &:hover {
43
- border-color: var(--theme-elevation-400);
44
- }
45
-
46
- &:focus {
47
- outline: 2px solid var(--theme-elevation-500);
48
- outline-offset: 1px;
49
- }
50
- }
51
-
52
- .text-input {
53
- flex: 1;
54
- height: 38px;
55
- padding: 0 0.75rem;
56
- border: 1px solid var(--theme-elevation-200);
57
- border-radius: 4px;
58
- font-family: monospace;
59
- font-size: 0.875rem;
60
- background: var(--theme-elevation-0);
61
- color: var(--theme-text);
62
-
63
- &:hover {
64
- border-color: var(--theme-elevation-400);
65
- }
66
-
67
- &:focus {
68
- outline: 2px solid var(--theme-elevation-500);
69
- outline-offset: 1px;
70
- border-color: var(--theme-elevation-500);
71
- }
72
-
73
- &::placeholder {
74
- color: var(--theme-elevation-400);
75
- }
76
-
77
- &:invalid {
78
- border-color: #ef4444;
79
- }
80
- }
81
-
82
- .color-preview {
83
- width: 120px;
84
- height: 38px;
85
- border-radius: 4px;
86
- border: 1px solid var(--theme-elevation-200);
87
- display: flex;
88
- align-items: center;
89
- justify-content: center;
90
- position: relative;
91
- overflow: hidden;
92
-
93
- .preview-label {
94
- font-size: 0.75rem;
95
- font-family: monospace;
96
- padding: 0.25rem 0.5rem;
97
- background: rgba(255, 255, 255, 0.9);
98
- border-radius: 2px;
99
- backdrop-filter: blur(4px);
100
- color: #000;
101
- font-weight: 500;
102
- }
103
- }
104
-
105
- .mini-preview {
106
- margin-top: 1rem;
107
- padding: 1rem;
108
- border-radius: 6px;
109
- border: 1px solid;
110
-
111
- .preview-card {
112
- padding: 1rem;
113
- border-radius: 4px;
114
- border: 1px solid;
115
- display: flex;
116
- gap: 0.5rem;
117
- flex-wrap: wrap;
118
- }
119
-
120
- .preview-button {
121
- padding: 0.5rem 1rem;
122
- border-radius: 4px;
123
- border: none;
124
- font-size: 0.875rem;
125
- font-weight: 500;
126
- cursor: pointer;
127
- transition: opacity 0.2s;
128
-
129
- &:hover {
130
- opacity: 0.9;
131
- }
132
-
133
- &.secondary {
134
- border: 1px solid currentColor;
135
- }
136
- }
137
- }
138
- }