hrenpack-theme-style 3.7.1 → 3.8.0

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 (11) hide show
  1. package/README.md +1 -1
  2. package/dark-theme.d.ts +3 -0
  3. package/dark-theme.d.ts.map +1 -1
  4. package/dark-theme.js +12 -0
  5. package/dark-theme.js.map +1 -1
  6. package/form.js +1 -1
  7. package/form.js.map +1 -1
  8. package/package.json +36 -36
  9. package/style_light.css +2 -2
  10. package/toggle-theme/dark.svg +1 -0
  11. package/toggle-theme/light.svg +1 -0
package/README.md CHANGED
@@ -75,7 +75,7 @@ npm install hrenpack-theme-style
75
75
 
76
76
  - `--hrenpack-foreground` — цвет текста
77
77
 
78
- - `--hrenpack-a-hover-coloк` — цвет ссылок при наведении
78
+ - `--hrenpack-a-hover-color` — цвет ссылок при наведении
79
79
 
80
80
  - `--hrenpack-button-hover-color` — цвет кнопок при наведении
81
81
 
package/dark-theme.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  declare function get_hts_url(): string;
2
+ declare var useIcon: boolean;
2
3
  declare const tt_button: HTMLButtonElement;
3
4
  declare const stylesheet: HTMLLinkElement;
4
5
  declare const cookieTheme: string | null, lsTheme: string | null;
5
6
  declare const theme_url_prefix: string;
6
7
  declare const theme_light: string, theme_dark: string;
7
8
  declare let currentTheme: string;
9
+ declare const lightIcon = "https://cdn.jsdelivr.net/npm/hrenpack-theme-style@3.8.0/toggle-theme/light.svg";
10
+ declare const darkIcon = "https://cdn.jsdelivr.net/npm/hrenpack-theme-style@3.8.0/toggle-theme/dark.svg";
8
11
  declare function toggleTheme(): void;
9
12
  //# 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":"AAAA,iBAAS,WAAW,WAGnB;AAED,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,MAAsB,CAAA;AAC9C,QAAA,MAAM,WAAW,QAAuC,EAAE,UAAU,QAAsC,CAAA;AAC1G,QAAA,IAAI,YAAY,EAAE,MAAM,CAAC;AAazB,iBAAS,WAAW,SAkBnB"}
1
+ {"version":3,"file":"dark-theme.d.ts","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":"AAAA,iBAAS,WAAW,WAGnB;AAED,QAAA,IAAI,OAAO,SAAQ,CAAC;AACpB,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,MAAsB,CAAA;AAC9C,QAAA,MAAM,WAAW,QAAuC,EAAE,UAAU,QAAsC,CAAA;AAC1G,QAAA,IAAI,YAAY,EAAE,MAAM,CAAC;AACzB,QAAA,MAAM,SAAS,mFAAmF,CAAA;AAClG,QAAA,MAAM,QAAQ,kFAAkF,CAAA;AAahG,iBAAS,WAAW,SA2BnB"}
package/dark-theme.js CHANGED
@@ -3,12 +3,15 @@ function get_hts_url() {
3
3
  return document.currentScript.src
4
4
  .split('/').slice(0, -1).join('/') + '/';
5
5
  }
6
+ var useIcon = false;
6
7
  const tt_button = document.querySelector('#hrenpack-toggle-theme');
7
8
  const stylesheet = document.querySelector('#hrenpack-theme-stylesheet');
8
9
  const cookieTheme = getCookie?.('theme'), lsTheme = localStorage.getItem('theme');
9
10
  const theme_url_prefix = get_hts_url();
10
11
  const theme_light = theme_url_prefix + 'style_light.css', theme_dark = theme_url_prefix + 'style_dark.css';
11
12
  let currentTheme;
13
+ const lightIcon = 'https://cdn.jsdelivr.net/npm/hrenpack-theme-style@3.8.0/toggle-theme/light.svg';
14
+ const darkIcon = 'https://cdn.jsdelivr.net/npm/hrenpack-theme-style@3.8.0/toggle-theme/dark.svg';
12
15
  if (cookieTheme)
13
16
  currentTheme = cookieTheme;
14
17
  else if (lsTheme)
@@ -34,6 +37,15 @@ function toggleTheme() {
34
37
  btn_hren_update();
35
38
  setCookie?.('theme', newTheme);
36
39
  }
40
+ if (useIcon) {
41
+ let icon = tt_button.querySelector('img');
42
+ if (!icon) {
43
+ icon = document.createElement('img');
44
+ tt_button.innerHTML = '';
45
+ tt_button.appendChild(icon);
46
+ }
47
+ icon.src = currentTheme === 'light' ? lightIcon : darkIcon;
48
+ }
37
49
  }
38
50
  if (tt_button) {
39
51
  tt_button.addEventListener('click', toggleTheme);
package/dark-theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dark-theme.js","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":";AAAA,SAAS,WAAW;IAChB,OAAQ,QAAQ,CAAC,aAAmC,CAAC,GAAG;SACnD,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;AAChD,CAAC;AAED,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,WAAW,EAAE,CAAA;AAC9C,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,SAAS,WAAW;IAChB,MAAM,QAAQ,GAAG,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7D,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAI,UAAU,EAAE,CAAC;QAEb,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;YACrC,YAAY,GAAG,QAAQ,CAAC;YACxB,eAAe,EAAE,CAAC;YAClB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACnC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnB,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACrF,CAAC;SAAM,CAAC;QACJ,YAAY,GAAG,QAAQ,CAAC;QACxB,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC;AACL,CAAC;AAED,IAAI,SAAS,EAAE,CAAC;IAAA,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAAA,CAAC"}
1
+ {"version":3,"file":"dark-theme.js","sourceRoot":"","sources":["dark-theme.ts"],"names":[],"mappings":";AAAA,SAAS,WAAW;IAChB,OAAQ,QAAQ,CAAC,aAAmC,CAAC,GAAG;SACnD,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;AAChD,CAAC;AAED,IAAI,OAAO,GAAG,KAAK,CAAC;AACpB,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,WAAW,EAAE,CAAA;AAC9C,MAAM,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,EAAE,UAAU,GAAG,gBAAgB,GAAG,gBAAgB,CAAA;AAC1G,IAAI,YAAoB,CAAC;AACzB,MAAM,SAAS,GAAG,gFAAgF,CAAA;AAClG,MAAM,QAAQ,GAAG,+EAA+E,CAAA;AAEhG,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,SAAS,WAAW;IAChB,MAAM,QAAQ,GAAG,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7D,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAI,UAAU,EAAE,CAAC;QAEb,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;YACrC,YAAY,GAAG,QAAQ,CAAC;YACxB,eAAe,EAAE,CAAC;YAClB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACnC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnB,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACrF,CAAC;SAAM,CAAC;QACJ,YAAY,GAAG,QAAQ,CAAC;QACxB,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACV,IAAI,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrC,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;YACzB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QACD,IAAI,CAAC,GAAG,GAAG,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC/D,CAAC;AACL,CAAC;AAED,IAAI,SAAS,EAAE,CAAC;IAAA,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAAA,CAAC"}
package/form.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  document.addEventListener('DOMContentLoaded', () => {
3
- const form = document.querySelector(document.currentScript.dataset.formSelector || '.form');
3
+ const form = document.querySelector(document.currentScript?.dataset.formSelector || '.form');
4
4
  if (form)
5
5
  input_form_control_unline(form);
6
6
  });
package/form.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form.js","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":";AAAA,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"}
1
+ {"version":3,"file":"form.js","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":";AAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/C,MAAM,IAAI,GAA2B,QAAQ,CAAC,aAAa,CACvD,QAAQ,CAAC,aAAa,EAAE,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,36 +1,36 @@
1
- {
2
- "name": "hrenpack-theme-style",
3
- "version": "3.7.1",
4
- "scripts": {
5
- "build": "tsc",
6
- "copyright": "add-copyright !(*.d).ts types.d.ts -y 2024-2025 -l -r && tsc",
7
- "test": "http-server -p 8080"
8
- },
9
- "repository": {
10
- "type": "git",
11
- "url": "git+https://github.com/MagIlyasDOMA/hrenpack-theme-style.git"
12
- },
13
- "keywords": [
14
- "hrenpack",
15
- "frontend",
16
- "css",
17
- "bootstrap",
18
- "dark-theme"
19
- ],
20
- "author": "Маг Ильяс DOMA (MagIlyasDOMA)",
21
- "license": "MIT",
22
- "bugs": {
23
- "url": "https://github.com/MagIlyasDOMA/hrenpack-theme-style/issues"
24
- },
25
- "homepage": "https://github.com/MagIlyasDOMA/hrenpack-theme-style#readme",
26
- "description": "",
27
- "devDependencies": {
28
- "http-server": "^14.1.1",
29
- "typescript": "^5.9.3"
30
- },
31
- "dependencies": {
32
- "bootstrap": "^5.3.8",
33
- "hrenpack_js": "^3.4.4",
34
- "magic-snowflakes": "^7.0.2"
35
- }
36
- }
1
+ {
2
+ "name": "hrenpack-theme-style",
3
+ "version": "3.8.0",
4
+ "scripts": {
5
+ "build": "tsc",
6
+ "copyright": "add-copyright !(*.d).ts types.d.ts -y 2024-2025 -l -r && tsc",
7
+ "test": "http-server -p 8080"
8
+ },
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/MagIlyasDOMA/hrenpack-theme-style.git"
12
+ },
13
+ "keywords": [
14
+ "hrenpack",
15
+ "frontend",
16
+ "css",
17
+ "bootstrap",
18
+ "dark-theme"
19
+ ],
20
+ "author": "Маг Ильяс DOMA (MagIlyasDOMA)",
21
+ "license": "MIT",
22
+ "bugs": {
23
+ "url": "https://github.com/MagIlyasDOMA/hrenpack-theme-style/issues"
24
+ },
25
+ "homepage": "https://github.com/MagIlyasDOMA/hrenpack-theme-style#readme",
26
+ "description": "",
27
+ "devDependencies": {
28
+ "http-server": "^14.1.1",
29
+ "typescript": "^5.9.3"
30
+ },
31
+ "dependencies": {
32
+ "bootstrap": "^5.3.8",
33
+ "hrenpack_js": "^3.4.4",
34
+ "magic-snowflakes": "^7.0.2"
35
+ }
36
+ }
package/style_light.css CHANGED
@@ -1,2 +1,2 @@
1
- @charset "UTF-8";
2
- @import url('style.css');
1
+ @charset "UTF-8";
2
+ @import url('style.css');
package/toggle-theme/dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#121212"><path d="M479.82-111q-155.17 0-262-106.82Q111-324.65 111-479.82 111-635 217.88-743 324.75-851 480-851q7 0 13.5.5T514-849q-28 35-43.5 77.5T455-682q0 97.08 67.04 162.54T683-454q46 0 89.5-13t78.5-40v26q0 155-108 262.5T479.82-111Z"/></svg>
package/toggle-theme/light.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ededed"><path d="M479.93-282q-82.06 0-140-57.93-57.93-57.94-57.93-140 0-82.07 57.93-140.57 57.94-58.5 140-58.5 82.07 0 140.57 58.5T679-479.93q0 82.06-58.5 140Q562-282 479.93-282ZM216-435H25v-91h191v91Zm720 0H745v-91h191v91ZM435-745v-191h91v191h-91Zm0 720v-191h91v191h-91ZM261-636 140-754l65-67 119 120-63 65Zm496 496L635-261l64-64 121 117-63 68ZM636-700l118-120 67 63-119 122-66-65ZM140-204l120-122 65 65-117 121-68-64Z"/></svg>