hrenpack-theme-style 2.0.0 → 3.0.1
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 +18 -4
- package/dark-theme.d.ts +10 -1
- package/dark-theme.d.ts.map +1 -1
- package/dark-theme.js +1 -1
- package/dark-theme.js.map +1 -1
- package/form.d.ts +2 -0
- package/form.d.ts.map +1 -0
- package/form.js +7 -0
- package/form.js.map +1 -0
- package/package.json +5 -5
- package/script.d.ts +6 -1
- package/script.d.ts.map +1 -1
- package/script.js +1 -1
- package/script.js.map +1 -1
package/README.md
CHANGED
|
@@ -15,17 +15,29 @@ npm install hrenpack-theme-style
|
|
|
15
15
|
Добавьте следующие стили в ваш HTML-файл:
|
|
16
16
|
|
|
17
17
|
```html
|
|
18
|
+
<!-- Подключите Bootstrap -->
|
|
19
|
+
<link rel="stylesheet" href="node_modules/bootstrap/dist/bootstrap.css">
|
|
20
|
+
<!-- Или -->
|
|
21
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css">
|
|
22
|
+
|
|
18
23
|
<!-- Обязательно именно этот id! -->
|
|
19
24
|
<link id="hrenpack-theme-stylesheet" rel="stylesheet" href="node_modules/hrenpack-theme-style/style.css">
|
|
25
|
+
<!-- Или, если не хотите устанавливать пакет -->
|
|
26
|
+
<link id="hrenpack-theme-stylesheet" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hrenpack-theme-style/style.css">
|
|
20
27
|
```
|
|
21
28
|
|
|
22
29
|
### Подключение скриптов
|
|
23
30
|
```html
|
|
24
|
-
<!-- Подключите
|
|
25
|
-
<script
|
|
31
|
+
<!-- Подключите зависимости -->
|
|
32
|
+
<script src="node_modules/hrenpack_js/url.js"></script>
|
|
33
|
+
<script src="node_modules/hrenpack_js/system.js"></script>
|
|
34
|
+
<script src="node_modules/hrenpack_js/auto.js"></script>
|
|
35
|
+
<script src="node_modules/hrenpack_js/cookie.js"></script>
|
|
26
36
|
|
|
37
|
+
<!-- Подключите основной скрипт темы -->
|
|
38
|
+
<script src="node_modules/hrenpack-theme-style/script.js"></script>
|
|
27
39
|
<!-- Для работы темной темы -->
|
|
28
|
-
<script
|
|
40
|
+
<script src="node_modules/hrenpack-theme-style/dark-theme.js"></script>
|
|
29
41
|
```
|
|
30
42
|
|
|
31
43
|
### Добавление кнопки переключения темы
|
|
@@ -37,7 +49,7 @@ npm install hrenpack-theme-style
|
|
|
37
49
|
</div>
|
|
38
50
|
```
|
|
39
51
|
|
|
40
|
-
Кнопка будет автоматически обработана скриптом `dark-theme.
|
|
52
|
+
Кнопка будет автоматически обработана скриптом `dark-theme.js`.
|
|
41
53
|
|
|
42
54
|
## Компоненты
|
|
43
55
|
### Стили
|
|
@@ -54,6 +66,8 @@ npm install hrenpack-theme-style
|
|
|
54
66
|
|
|
55
67
|
- `input-reversed.js` — утилита для обработки порядка элементов `input` и `label` внутри формы
|
|
56
68
|
|
|
69
|
+
- `form.js` - обработка формы
|
|
70
|
+
|
|
57
71
|
### CSS-переменные
|
|
58
72
|
Пакет использует CSS-переменные для управления цветами. Основные переменные:
|
|
59
73
|
|
package/dark-theme.d.ts
CHANGED
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
declare function getCookie(name: string): string | null;
|
|
2
|
+
declare function setCookie(name: string, value: string, days?: number | null, path?: string): void;
|
|
3
|
+
declare function getScriptSite(script: HTMLScriptElement): string;
|
|
4
|
+
declare function getSystemTheme(): null | string;
|
|
5
|
+
declare const tt_button: HTMLButtonElement;
|
|
6
|
+
declare const stylesheet: HTMLLinkElement;
|
|
7
|
+
declare const cookieTheme: string | null, lsTheme: string | null;
|
|
8
|
+
declare const theme_url_prefix: string;
|
|
9
|
+
declare const theme_light: string, theme_dark: string;
|
|
10
|
+
declare let currentTheme: string;
|
|
2
11
|
//# sourceMappingURL=dark-theme.d.ts.map
|
package/dark-theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark-theme.d.ts","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"dark-theme.d.ts","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AACxD,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;AACnG,OAAO,UAAU,aAAa,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAAC;AAClE,OAAO,UAAU,cAAc,IAAI,IAAI,GAAG,MAAM,CAAC;AAEjD,QAAA,MAAM,SAAS,EAAE,iBAAqE,CAAC;AACvF,QAAA,MAAM,UAAU,EAAE,eAAuE,CAAC;AAC1F,QAAA,MAAM,WAAW,eAAuB,EAAE,OAAO,eAAgC,CAAA;AACjF,QAAA,MAAM,gBAAgB,EAAE,MAA8F,CAAA;AACtH,QAAA,MAAM,WAAW,QAAuC,EAAE,UAAU,QAAsC,CAAA;AAC1G,QAAA,IAAI,YAAY,EAAE,MAAM,CAAC"}
|
package/dark-theme.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
const tt_button = document.querySelector('#hrenpack-toggle-theme');
|
|
3
3
|
const stylesheet = document.querySelector('#hrenpack-theme-stylesheet');
|
|
4
4
|
const cookieTheme = getCookie?.('theme'), lsTheme = localStorage.getItem('theme');
|
package/dark-theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark-theme.js","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dark-theme.js","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":";AAKA,MAAM,SAAS,GAAsB,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAE,CAAC;AACvF,MAAM,UAAU,GAAoB,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAE,CAAC;AAC1F,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AACjF,MAAM,gBAAgB,GAAW,aAAa,CAAC,QAAQ,CAAC,aAAkC,CAAC,GAAG,wBAAwB,CAAA;AACtH,MAAM,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,EAAE,UAAU,GAAG,gBAAgB,GAAG,gBAAgB,CAAA;AAC1G,IAAI,YAAoB,CAAC;AAEzB,IAAI,WAAW;IACX,YAAY,GAAG,WAAW,CAAC;KAC1B,IAAI,OAAO;IACZ,YAAY,GAAG,OAAO,CAAC;;IAEvB,YAAY,GAAG,cAAc,EAAE,IAAI,OAAO,CAAC;AAE/C,IAAI,UAAU,EAAE,CAAC;IACb,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;AACzF,CAAC;AAED,IAAI,SAAS,EAAE,CAAC;IACZ,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACrC,MAAM,QAAQ,GAAG,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7D,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxC,IAAI,UAAU,EAAE,CAAC;YACb,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACrF,CAAC;QACD,YAAY,GAAG,QAAQ,CAAC;QACxB,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACP,CAAC"}
|
package/form.d.ts
ADDED
package/form.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,yBAAyB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC"}
|
package/form.js
ADDED
package/form.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":";AAEA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/C,MAAM,IAAI,GAA2B,QAAQ,CAAC,aAAa,CACvD,QAAQ,CAAC,aAAc,CAAC,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,CAAA;IAC5D,IAAI,IAAI;QACJ,yBAAyB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hrenpack-theme-style",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/MagIlyasDOMA/hrenpack-theme-style.git"
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
},
|
|
20
20
|
"homepage": "https://github.com/MagIlyasDOMA/hrenpack-theme-style#readme",
|
|
21
21
|
"description": "",
|
|
22
|
-
"dependencies": {
|
|
23
|
-
"bootstrap": "^5.3.8",
|
|
24
|
-
"hrenpack_js": "^2.0.5"
|
|
25
|
-
},
|
|
26
22
|
"devDependencies": {
|
|
27
23
|
"typescript": "^5.9.3"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"bootstrap": "^5.3.8",
|
|
27
|
+
"hrenpack_js": "^3.1.0"
|
|
28
28
|
}
|
|
29
29
|
}
|
package/script.d.ts
CHANGED
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
declare const stylesRoot: CSSStyleDeclaration;
|
|
2
|
+
type ButtonArray = NodeListOf<HTMLButtonElement>;
|
|
3
|
+
declare function getButtonColor(button: HTMLButtonElement, isHoverOrActive?: boolean): string;
|
|
4
|
+
declare function getButtonTextColor(button: HTMLButtonElement): string;
|
|
5
|
+
declare function btn_hren_press(): void;
|
|
6
|
+
declare function btn_hren_update(): void;
|
|
2
7
|
//# sourceMappingURL=script.d.ts.map
|
package/script.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,UAAU,EAAE,mBAAmB,CAAC;AAE9C,KAAK,WAAW,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;AAEhD,iBAAS,cAAc,CAAC,MAAM,EAAE,iBAAiB,EAAE,eAAe,GAAE,OAAe,UAUlF;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,iBAAiB,UAIpD;AAED,iBAAS,cAAc,SAgCtB;AAED,iBAAS,eAAe,SAMvB"}
|
package/script.js
CHANGED
package/script.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"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"}
|