sate-lib 1.1.6 → 1.1.10

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 (30) hide show
  1. package/README.md +0 -1
  2. package/dist/assets/fonts/author-bold.woff2 +0 -0
  3. package/dist/assets/fonts/golos-ui-bold.woff2 +0 -0
  4. package/dist/assets/fonts/golos-ui-medium.woff2 +0 -0
  5. package/dist/assets/fonts/golos-ui-regular.woff2 +0 -0
  6. package/dist/assets/styles/index.css +1 -0
  7. package/dist/assets/styles/reset.css +87 -0
  8. package/dist/assets/styles/tokens.css +41 -0
  9. package/dist/assets/styles/typography.scss +46 -0
  10. package/dist/bundle-stats.html +2 -0
  11. package/dist/index.js +10 -6
  12. package/dist/index.js.map +1 -1
  13. package/dist/types/{src/components → components}/badge/badge.d.ts +1 -1
  14. package/dist/types/components/icon/icon.d.ts +13 -0
  15. package/dist/types/{src/components → components}/typography/typography.d.ts +1 -1
  16. package/dist/types/index.d.ts +3 -0
  17. package/package.json +16 -9
  18. package/dist/assets/components/badge/badge.styles.module.css +0 -1
  19. package/dist/assets/components/typography/typography.styles.module.css +0 -1
  20. package/dist/components/badge/badge.js +0 -16
  21. package/dist/components/badge/badge.js.map +0 -1
  22. package/dist/components/badge/badge.styles.module.css.js +0 -8
  23. package/dist/components/badge/badge.styles.module.css.js.map +0 -1
  24. package/dist/components/typography/typography.js +0 -16
  25. package/dist/components/typography/typography.js.map +0 -1
  26. package/dist/components/typography/typography.styles.module.css.js +0 -12
  27. package/dist/components/typography/typography.styles.module.css.js.map +0 -1
  28. package/dist/types/src/components/badge/badge.stories.d.ts +0 -6
  29. package/dist/types/src/components/typography/typography.stories.d.ts +0 -7
  30. package/dist/types/src/index.d.ts +0 -2
package/README.md CHANGED
@@ -13,7 +13,6 @@ A lightweight and modular React component library designed for modern web interf
13
13
  - [Storybook](https://storybook.js.org/)
14
14
  - [Sass](https://sass-lang.com/)
15
15
  - [Rollup](https://www.npmjs.com/package/rollup)
16
- - [Semantic Release](https://github.com/semantic-release/semantic-release/tree/master)
17
16
 
18
17
  ## Installation
19
18
 
package/dist/assets/styles/index.css ADDED
@@ -0,0 +1 @@
1
+ .badge-styles-module_badge__0T5Ik{border-radius:.25rem;color:var(--color-system-content-secondary,#474747);padding:var(--spacing-size-4,.25rem)}.typography-styles-module_typography__h3ta9{color:#111;margin:0}.typography-styles-module_typographyTitle__9V99m{font-family:Author,Arial Black,Impact,sans-serif;font-size:4rem;font-weight:700;line-height:1.1}.typography-styles-module_typographyBody__4rtGZ,.typography-styles-module_typographyCaption__-ci4T,.typography-styles-module_typographyHeader__k4mIZ{font-family:Golos UI,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.typography-styles-module_typographyHeader__k4mIZ{font-size:2rem;font-weight:500;line-height:1.3}.typography-styles-module_typographyBody__4rtGZ{font-size:1rem;font-weight:400;line-height:1.6}.typography-styles-module_typographyCaption__-ci4T{font-size:.875rem;font-weight:400;line-height:1.4;opacity:.7}
package/dist/assets/styles/reset.css ADDED
@@ -0,0 +1,87 @@
1
+ *,
2
+ *::before,
3
+ *::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ * {
8
+ margin: 0;
9
+ padding: 0;
10
+ outline: none;
11
+ }
12
+
13
+ ul,
14
+ ol {
15
+ list-style: none;
16
+ }
17
+
18
+ html:focus-within {
19
+ scroll-behavior: smooth;
20
+ }
21
+
22
+ a:not([class]) {
23
+ text-decoration-skip-ink: auto;
24
+ color: inherit;
25
+ }
26
+
27
+ img,
28
+ picture,
29
+ svg,
30
+ video,
31
+ canvas {
32
+ max-width: 100%;
33
+ height: auto;
34
+ vertical-align: middle;
35
+ background-repeat: no-repeat;
36
+ background-size: cover;
37
+ }
38
+
39
+ input,
40
+ button,
41
+ textarea,
42
+ select {
43
+ font: inherit;
44
+ color: inherit;
45
+ border: none;
46
+ background: none;
47
+ outline: none;
48
+ }
49
+
50
+ @media (prefers-reduced-motion: reduce) {
51
+ html:focus-within {
52
+ scroll-behavior: auto;
53
+ }
54
+ *,
55
+ *::before,
56
+ *::after {
57
+ animation-duration: 0.01ms !important;
58
+ animation-iteration-count: 1 !important;
59
+ transition-duration: 0.01ms !important;
60
+ scroll-behavior: auto !important;
61
+ transition: none;
62
+ }
63
+ }
64
+
65
+ body,
66
+ html {
67
+ height: 100%;
68
+ scroll-behavior: smooth;
69
+ }
70
+
71
+ body {
72
+ -webkit-font-smoothing: antialiased;
73
+ }
74
+
75
+ p,
76
+ h1,
77
+ h2,
78
+ h3,
79
+ h4,
80
+ h5,
81
+ h6 {
82
+ overflow-wrap: break-word;
83
+ }
84
+
85
+ button {
86
+ cursor: pointer;
87
+ }
package/dist/assets/styles/tokens.css ADDED
@@ -0,0 +1,41 @@
1
+ :root {
2
+ --box-shadow-1: 0px 1px 0px 0px rgba(17, 17, 26, 0.1);
3
+ --box-shadow-2: 0px 1px 0px rgba(17, 17, 26, 0.05),
4
+ 0px 0px 8px rgba(17, 17, 26, 0.1);
5
+
6
+ --opacity-disabled: 0.38;
7
+
8
+ --color-theme-core-bright: #317c6c;
9
+ --color-theme-core-dark: #b80f0f;
10
+ --color-system-content-primary: #0e0e0e;
11
+ --color-system-content-secondary: #474747;
12
+ --color-system-content-tertiary: #767676;
13
+
14
+ --radius-radii-10: 0.625rem;
15
+ --radius-radii-16: 1rem;
16
+ --radius-radii-24: 1.5rem;
17
+ --radius-large-container: 1rem;
18
+ --radius-chip: 0.5rem;
19
+ --radius-medium-container: 0.75rem;
20
+
21
+ --spacing-size-4: 0.25rem;
22
+ --spacing-size-154: 9.625rem;
23
+ --spacing-size-0: 0;
24
+
25
+ --padding-x-small: 0.5rem;
26
+ --padding-small: 1rem;
27
+ --padding-medium: 1.5rem;
28
+ --padding-large: 2rem;
29
+
30
+ --size-x-small: 1.5rem;
31
+ --size-medium: 2.5rem;
32
+ --size-large: 3rem;
33
+ --size-x-large: 3.5rem;
34
+ --size-small: 2rem;
35
+ --size-2x-large: 4.5rem;
36
+ --size-2x-small: 1rem;
37
+
38
+ --spacing-column-gap-cards: 0.75rem;
39
+ --spacing-column-gap-chips: 0.5rem;
40
+ --spacing-column-margin-screen-mobile: 1.5rem;
41
+ }
package/dist/assets/styles/typography.scss ADDED
@@ -0,0 +1,46 @@
1
+ @font-face {
2
+ font-family: "Author";
3
+ src: url("../fonts/author-bold.woff2") format("woff2");
4
+ font-weight: bold;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
9
+ @font-face {
10
+ font-family: "Golos UI";
11
+ src: url("../fonts/golos-ui-regular.woff2") format("woff2");
12
+ font-weight: 400;
13
+ font-style: normal;
14
+ font-display: swap;
15
+ }
16
+
17
+ @font-face {
18
+ font-family: "Golos UI";
19
+ src: url("../fonts/golos-ui-medium.woff2") format("woff2");
20
+ font-weight: 500;
21
+ font-style: normal;
22
+ font-display: swap;
23
+ }
24
+
25
+ @font-face {
26
+ font-family: "Golos UI";
27
+ src: url("../fonts/golos-ui-bold.woff2") format("woff2");
28
+ font-weight: 700;
29
+ font-style: normal;
30
+ font-display: swap;
31
+ }
32
+
33
+ @mixin typescale-display-large {
34
+ font-family: var(--font-display, "Author");
35
+ font-size: 4rem;
36
+ font-weight: 700;
37
+ line-height: 1.1;
38
+ letter-spacing: -0.01em;
39
+ }
40
+
41
+ @mixin typescale-body {
42
+ font-family: var(--font-primary, "Golos UI");
43
+ font-size: 1rem;
44
+ font-weight: 400;
45
+ line-height: 1.5;
46
+ }