oip-common 0.3.3 → 0.4.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 (32) hide show
  1. package/README.md +68 -68
  2. package/assets/demo/code.scss +17 -17
  3. package/assets/demo/demo.scss +2 -2
  4. package/assets/demo/flags/flags.scss +984 -984
  5. package/assets/i18n/applications.en.json +46 -0
  6. package/assets/i18n/applications.ru.json +46 -0
  7. package/assets/i18n/config.en.json +18 -17
  8. package/assets/i18n/config.ru.json +18 -17
  9. package/assets/i18n/db-migration.en.json +19 -19
  10. package/assets/i18n/db-migration.ru.json +19 -19
  11. package/assets/i18n/en.json +2 -1
  12. package/assets/i18n/notfound.en.json +8 -8
  13. package/assets/i18n/notfound.ru.json +8 -8
  14. package/assets/i18n/ru.json +2 -1
  15. package/assets/layout/_core.scss +30 -30
  16. package/assets/layout/_footer.scss +8 -8
  17. package/assets/layout/_main.scss +12 -12
  18. package/assets/layout/_mixins.scss +15 -15
  19. package/assets/layout/_preloading.scss +49 -49
  20. package/assets/layout/_responsive.scss +108 -108
  21. package/assets/layout/_topbar.scss +168 -168
  22. package/assets/layout/_typography.scss +68 -68
  23. package/assets/layout/_utils.scss +25 -25
  24. package/assets/layout/layout.scss +13 -13
  25. package/assets/layout/variables/_common.scss +20 -20
  26. package/assets/layout/variables/_dark.scss +5 -5
  27. package/assets/layout/variables/_light.scss +5 -5
  28. package/assets/tailwind.css +3 -3
  29. package/fesm2022/oip-common.mjs +1473 -897
  30. package/fesm2022/oip-common.mjs.map +1 -1
  31. package/index.d.ts +119 -116
  32. package/package.json +1 -1
package/assets/layout/_utils.scss CHANGED
@@ -1,25 +1,25 @@
1
- /* Utils */
2
- .clearfix:after {
3
- content: " ";
4
- display: block;
5
- clear: both;
6
- }
7
-
8
- .card {
9
- background: var(--surface-card);
10
- padding: 1rem;
11
- margin-bottom: 1rem;
12
- border-radius: var(--content-border-radius);
13
-
14
- &:last-child {
15
- margin-bottom: 0;
16
- }
17
- }
18
-
19
- .p-toast {
20
- &.p-toast-top-right,
21
- &.p-toast-top-left,
22
- &.p-toast-top-center {
23
- top: 100px;
24
- }
25
- }
1
+ /* Utils */
2
+ .clearfix:after {
3
+ content: " ";
4
+ display: block;
5
+ clear: both;
6
+ }
7
+
8
+ .card {
9
+ background: var(--surface-card);
10
+ padding: 1rem;
11
+ margin-bottom: 1rem;
12
+ border-radius: var(--content-border-radius);
13
+
14
+ &:last-child {
15
+ margin-bottom: 0;
16
+ }
17
+ }
18
+
19
+ .p-toast {
20
+ &.p-toast-top-right,
21
+ &.p-toast-top-left,
22
+ &.p-toast-top-center {
23
+ top: 100px;
24
+ }
25
+ }
package/assets/layout/layout.scss CHANGED
@@ -1,13 +1,13 @@
1
- @use "./variables/_common";
2
- @use "./variables/_light";
3
- @use "./variables/_dark";
4
- @use "./_mixins";
5
- @use "./_preloading";
6
- @use "./_core";
7
- @use "./_main";
8
- @use "./_topbar";
9
- @use "./_menu";
10
- @use "./_footer";
11
- @use "./_responsive";
12
- @use "./_utils";
13
- @use "./_typography";
1
+ @use "./variables/_common";
2
+ @use "./variables/_light";
3
+ @use "./variables/_dark";
4
+ @use "./_mixins";
5
+ @use "./_preloading";
6
+ @use "./_core";
7
+ @use "./_main";
8
+ @use "./_topbar";
9
+ @use "./_menu";
10
+ @use "./_footer";
11
+ @use "./_responsive";
12
+ @use "./_utils";
13
+ @use "./_typography";
package/assets/layout/variables/_common.scss CHANGED
@@ -1,20 +1,20 @@
1
- :root {
2
- --primary-color: var(--p-primary-color);
3
- --primary-contrast-color: var(--p-primary-contrast-color);
4
- --text-color: var(--p-text-color);
5
- --text-color-secondary: var(--p-text-muted-color);
6
- --surface-border: var(--p-content-border-color);
7
- --surface-card: var(--p-content-background);
8
- --surface-hover: var(--p-content-hover-background);
9
- --surface-overlay: var(--p-overlay-popover-background);
10
- --transition-duration: var(--p-transition-duration);
11
- --maskbg: var(--p-mask-background);
12
- --content-border-radius: var(--p-content-border-radius);
13
- --layout-section-transition-duration: 0.2s;
14
- --element-transition-duration: var(--p-transition-duration);
15
- --focus-ring-width: var(--p-focus-ring-width);
16
- --focus-ring-style: var(--p-focus-ring-style);
17
- --focus-ring-color: var(--p-focus-ring-color);
18
- --focus-ring-offset: var(--p-focus-ring-offset);
19
- --focus-ring-shadow: var(--p-focus-ring-shadow);
20
- }
1
+ :root {
2
+ --primary-color: var(--p-primary-color);
3
+ --primary-contrast-color: var(--p-primary-contrast-color);
4
+ --text-color: var(--p-text-color);
5
+ --text-color-secondary: var(--p-text-muted-color);
6
+ --surface-border: var(--p-content-border-color);
7
+ --surface-card: var(--p-content-background);
8
+ --surface-hover: var(--p-content-hover-background);
9
+ --surface-overlay: var(--p-overlay-popover-background);
10
+ --transition-duration: var(--p-transition-duration);
11
+ --maskbg: var(--p-mask-background);
12
+ --content-border-radius: var(--p-content-border-radius);
13
+ --layout-section-transition-duration: 0.2s;
14
+ --element-transition-duration: var(--p-transition-duration);
15
+ --focus-ring-width: var(--p-focus-ring-width);
16
+ --focus-ring-style: var(--p-focus-ring-style);
17
+ --focus-ring-color: var(--p-focus-ring-color);
18
+ --focus-ring-offset: var(--p-focus-ring-offset);
19
+ --focus-ring-shadow: var(--p-focus-ring-shadow);
20
+ }
package/assets/layout/variables/_dark.scss CHANGED
@@ -1,5 +1,5 @@
1
- :root[class*="app-dark"] {
2
- --surface-ground: var(--p-surface-950);
3
- --code-background: var(--p-surface-800);
4
- --code-color: var(--p-surface-100);
5
- }
1
+ :root[class*="app-dark"] {
2
+ --surface-ground: var(--p-surface-950);
3
+ --code-background: var(--p-surface-800);
4
+ --code-color: var(--p-surface-100);
5
+ }
package/assets/layout/variables/_light.scss CHANGED
@@ -1,5 +1,5 @@
1
- :root {
2
- --surface-ground: var(--p-surface-100);
3
- --code-background: var(--p-surface-900);
4
- --code-color: var(--p-surface-200);
5
- }
1
+ :root {
2
+ --surface-ground: var(--p-surface-100);
3
+ --code-background: var(--p-surface-900);
4
+ --code-color: var(--p-surface-200);
5
+ }
package/assets/tailwind.css CHANGED
@@ -1,3 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;