sate-lib 1.0.7 → 1.0.9

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 (15) hide show
  1. package/dist/assets/icons/Bed.svg +3 -0
  2. package/dist/assets/styles/index.css +62 -32
  3. package/dist/assets/styles/typography.scss +10 -16
  4. package/package.json +1 -1
  5. package/dist/assets/fonts/inter-bold-700.woff2 +0 -0
  6. package/dist/assets/fonts/inter-medium-500.woff2 +0 -0
  7. package/dist/assets/fonts/inter-regular-400.woff2 +0 -0
  8. package/dist/assets/fonts/inter-semi-bold-600.woff2 +0 -0
  9. package/dist/assets/fonts/open-sans-v40-latin-regular.woff2 +0 -0
  10. package/dist/themes/tokens.css +0 -278
  11. package/dist/types/components/badge/badge.stories.d.ts +0 -6
  12. package/dist/types/components/test/test.stories.d.ts +0 -6
  13. package/dist/types/src/components/badge/badge.d.ts +0 -6
  14. package/dist/types/src/components/test/test.d.ts +0 -6
  15. package/dist/types/src/index.d.ts +0 -3
package/dist/assets/icons/Bed.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.25 6.75H3V4.5C3 4.30109 2.92098 4.11032 2.78033 3.96967C2.63968 3.82902 2.44891 3.75 2.25 3.75C2.05109 3.75 1.86032 3.82902 1.71967 3.96967C1.57902 4.11032 1.5 4.30109 1.5 4.5V19.5C1.5 19.6989 1.57902 19.8897 1.71967 20.0303C1.86032 20.171 2.05109 20.25 2.25 20.25C2.44891 20.25 2.63968 20.171 2.78033 20.0303C2.92098 19.8897 3 19.6989 3 19.5V16.5H22.5V19.5C22.5 19.6989 22.579 19.8897 22.7197 20.0303C22.8603 20.171 23.0511 20.25 23.25 20.25C23.4489 20.25 23.6397 20.171 23.7803 20.0303C23.921 19.8897 24 19.6989 24 19.5V10.5C24 9.50544 23.6049 8.55161 22.9016 7.84835C22.1984 7.14509 21.2446 6.75 20.25 6.75ZM3 8.25H9.75V15H3V8.25ZM11.25 15V8.25H20.25C20.8467 8.25 21.419 8.48705 21.841 8.90901C22.2629 9.33097 22.5 9.90326 22.5 10.5V15H11.25Z"/>
3
+ </svg>
package/dist/assets/styles/index.css CHANGED
@@ -1,4 +1,6 @@
1
- *,
1
+ .c-test {
2
+ border-radius: 0.25rem;
3
+ }*,
2
4
  *::before,
3
5
  *::after {
4
6
  box-sizing: border-box;
@@ -85,6 +87,49 @@ button {
85
87
  cursor: pointer;
86
88
  }
87
89
 
90
+ :root {
91
+ --box-shadow-1: 0px 1px 0px 0px rgba(17, 17, 26, 0.1);
92
+ --box-shadow-2: 0px 1px 0px rgba(17, 17, 26, 0.05),
93
+ 0px 0px 8px rgba(17, 17, 26, 0.1);
94
+ --opacity-disabled: 0.38;
95
+ --color-theme-core-bright: #317c6c;
96
+ --color-theme-core-dark: #b80f0f;
97
+ --color-system-content-primary: #0e0e0e;
98
+ --color-system-content-secondary: #474747;
99
+ --color-system-content-tertiary: #767676;
100
+ --radius-radii-10: 0.625rem;
101
+ --radius-radii-16: 1rem;
102
+ --radius-radii-24: 1.5rem;
103
+ --radius-large-container: 1rem;
104
+ --radius-chip: 0.5rem;
105
+ --radius-medium-container: 0.75rem;
106
+ --typeface-theme: "Bebas Neue";
107
+ --typescale-display-large-font: "Bebas Neue";
108
+ --typescale-display-large-font-size: 6rem;
109
+ --typescale-display-large-weight: 600;
110
+ --typescale-display-large-font-size: 6rem;
111
+ --typescale-display-large-letter-spacing: 0;
112
+ --spacing-size-4: 0.25rem;
113
+ --spacing-size-154: 9.625rem;
114
+ --spacing-size-0: 0;
115
+ --padding-x-small: 0.5rem;
116
+ --padding-small: 1rem;
117
+ --padding-medium: 1.5rem;
118
+ --padding-large: 2rem;
119
+ --size-x-small: 1.5rem;
120
+ --size-medium: 2.5rem;
121
+ --size-large: 3rem;
122
+ --size-x-large: 3.5rem;
123
+ --size-small: 2rem;
124
+ --size-2x-large: 4.5rem;
125
+ --size-2x-small: 1rem;
126
+ --spacing-column-gap-cards: 0.75rem;
127
+ --spacing-column-gap-chips: 0.5rem;
128
+ --spacing-column-margin-screen-mobile: 1.5rem;
129
+ --typescale-title-screen-paragraph-spacing: 0.5rem;
130
+ --typescale-title-section-paragraph-spacing: 0.5rem;
131
+ }
132
+
88
133
  html {
89
134
  --zindex-input: 1;
90
135
  --zindex-input-hover: 2;
@@ -94,41 +139,26 @@ html {
94
139
  --zindex-modal: 50;
95
140
  }
96
141
 
97
- @font-face {
98
- font-family: "Inter";
99
- font-weight: 400;
100
- src: url("../../assets/fonts/inter-regular-400.woff2") format("woff2");
101
- }
102
- @font-face {
103
- font-family: "Inter";
104
- font-weight: 500;
105
- src: url("../../assets/fonts/inter-medium-500.woff2") format("woff2");
106
- }
107
- @font-face {
108
- font-family: "Inter";
109
- font-weight: 600;
110
- src: url("../../assets/fonts/inter-semi-bold-600.woff2") format("woff2");
111
- }
112
- @font-face {
113
- font-family: "Inter";
114
- font-weight: 700;
115
- src: url("../../assets/fonts/inter-bold-700.woff2 ") format("woff2");
116
- }
117
142
  @font-face {
118
143
  font-family: "Bebas Neue";
144
+ src: url("../fonts/bebas-neue-v14-latin-regular.woff2") format("woff2");
119
145
  font-weight: 400;
120
- src: url("../../assets/fonts/bebas-neue-v14-latin-regular.woff2") format("woff2");
121
- }
122
- @font-face {
123
- font-family: "Open Sans";
146
+ font-style: normal;
147
+ font-display: swap;
148
+ }@font-face {
149
+ font-family: "Bebas Neue";
150
+ src: url("../fonts/bebas-neue-v14-latin-regular.woff2") format("woff2");
124
151
  font-weight: 400;
125
- src: url("../../assets//fonts/open-sans-v40-latin-regular.woff2") format("woff2");
126
- }.c-test {
127
- border-radius: 0.25rem;
128
- }.c-badge {
129
- padding: var(--spacing-size-4, 0.25rem) var(--spacing-size-8, 0.5rem);
152
+ font-style: normal;
153
+ font-display: swap;
154
+ }
155
+ .c-badge {
156
+ font-family: var(--typescale-display-large-font, "Bebas Neue");
157
+ font-size: var(--typescale-display-large-font-size, 6rem);
158
+ font-weight: var(--typescale-display-large-weight, 700);
159
+ line-height: var(--typescale-display-large-line-height, 5.125rem);
160
+ letter-spacing: var(--typescale-display-large-letter-spacing, 0rem);
161
+ padding: var(--spacing-size-4, 0.25rem);
130
162
  color: var(--color-system-content-secondary, #474747);
131
163
  border-radius: 0.25rem;
132
- border: 1px solid var(--color-system-border-neutral, rgba(14, 15, 12, 0.04));
133
- background: var(--color-theme-background-neutral, rgba(5, 48, 91, 0.04));
134
164
  }
package/dist/assets/styles/typography.scss CHANGED
@@ -1,21 +1,15 @@
1
+ @font-face {
2
+ font-family: "Bebas Neue";
3
+ src: url("../fonts/bebas-neue-v14-latin-regular.woff2") format("woff2");
4
+ font-weight: 400;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  @mixin typescale-display-large {
2
- font-family: var(--typescale-display-large-font, Inter);
10
+ font-family: var(--typescale-display-large-font, "Bebas Neue");
3
11
  font-size: var(--typescale-display-large-font-size, 6rem);
4
12
  font-weight: var(--typescale-display-large-weight, 700);
5
- line-height: var(
6
- --typescale-display-large-line-height,
7
- 5.125rem
8
- ); /* 85.417% */
13
+ line-height: var(--typescale-display-large-line-height, 5.125rem);
9
14
  letter-spacing: var(--typescale-display-large-letter-spacing, 0rem);
10
15
  }
11
-
12
- @mixin typescale-display-medium {
13
- font-family: var(--typescale-display-medium-font, Inter);
14
- font-size: var(--typescale-display-medium-font-size, 4rem);
15
- font-weight: var(--typescale-display-medium-weight, 700);
16
- line-height: var(
17
- --typescale-display-medium-line-height,
18
- 3.375rem
19
- ); /* 84.375% */
20
- letter-spacing: var(--typescale-display-medium-letter-spacing, 0rem);
21
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sate-lib",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "author": "Tiago Sousa (tiagorsousa0@gmail.com)",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/dist/themes/tokens.css DELETED
@@ -1,278 +0,0 @@
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
- --box-shadow-3: 0px 0px 16px 0px rgba(17, 17, 26, 0.1);
6
- --box-shadow-4: 0px 8px 32px 0px rgba(17, 17, 26, 0.05),
7
- 0px 4px 16px 0px rgba(17, 17, 26, 0.05);
8
- --box-shadow-5: 0px 8px 32px 0px rgba(17, 17, 26, 0.05),
9
- 0px 4px 16px 0px rgba(17, 17, 26, 0.1);
10
- --box-shadow-6: 0px 16px 48px 0px rgba(17, 17, 26, 0.1),
11
- 0px 8px 24px 0px rgba(17, 17, 26, 0.1),
12
- 0px 1px 0px 0px rgba(17, 17, 26, 0.1);
13
- --box-shadow-7: 0px 16px 56px 0px rgba(17, 17, 26, 0.1),
14
- 0px 8px 24px 0px rgba(17, 17, 26, 0.1),
15
- 0px 4px 16px 0px rgba(17, 17, 26, 0.1);
16
- --box-shadow-8: 0px 24px 80px 0px rgba(17, 17, 26, 0.1),
17
- 0px 16px 56px 0px rgba(17, 17, 26, 0.1),
18
- 0px 8px 24px 0px rgba(17, 17, 26, 0.1);
19
- --opacity-disabled: 0.38;
20
- --color-theme-core-bright: #317c6c;
21
- --color-theme-core-dark: #b80f0f;
22
- --color-system-content-primary: #0e0e0e;
23
- --color-system-content-secondary: #474747;
24
- --color-system-content-tertiary: #767676;
25
- --color-theme-content-link: #317c6c;
26
- --color-theme-content-link-hover: #236859;
27
- --color-theme-content-link-active: #1d5347;
28
- --color-theme-interactive-primary: #317c6c;
29
- --color-theme-interactive-primary-hover: #236859;
30
- --color-theme-interactive-primary-active: #1d5347;
31
- --color-system-interactive-secondary: #c6c6c6;
32
- --color-system-interactive-secondary-active: #939da0;
33
- --color-system-interactive-secondary-hover: #aeb8bb;
34
- --color-theme-interactive-accent: #317c6c;
35
- --color-theme-interactive-accent-hover: #236859;
36
- --color-theme-interactive-accent-active: #1d5347;
37
- --color-theme-interactive-control: #ffffff;
38
- --color-theme-interactive-control-hover: #ffffff;
39
- --color-theme-interactive-control-active: #ffffff;
40
- --color-theme-interactive-contrast: #002c5b;
41
- --color-theme-interactive-contrast-hover: #081b36;
42
- --color-theme-interactive-contrast-active: #0e0f0c;
43
- --color-system-border-neutral: #efefef;
44
- --color-system-border-overlay: rgba(14, 15, 12, 0.12);
45
- --color-theme-background-screen: #f5f7f7;
46
- --color-theme-background-screen-hover: rgba(55, 53, 53, 0.04);
47
- --color-theme-background-screen-active: rgba(55, 53, 53, 0.08);
48
- --color-theme-background-elevated: #ffffff;
49
- --color-theme-background-neutral: rgba(55, 53, 53, 0.04);
50
- --color-theme-background-neutral-hover: rgba(55, 53, 53, 0.08);
51
- --color-theme-background-neutral-active: rgba(55, 53, 53, 0.12);
52
- --color-theme-background-overlay: rgba(55, 53, 53, 0.08);
53
- --color-system-sentiment-negative: #b4280c;
54
- --color-system-sentiment-warning: #ffcc00;
55
- --color-system-sentiment-positive: #006e37;
56
- --color-system-color-contrast: #ffffff;
57
- --color-system-color-light: #ffffff;
58
- --color-system-color-dark: #121511;
59
- --color-system-color-contrast-overlay: #ffffff;
60
- --color-system-color-contrast-theme: #121511;
61
- --color-system-background-negative: rgba(255, 191, 189, 0.12);
62
- --color-theme-background-input: #ffffff;
63
- --color-system-sentiment-negative-hover: #950000;
64
- --color-system-sentiment-negative-active: #850000;
65
- --color-system-black: #000000;
66
- --color-system-white: #ffffff;
67
- --color-theme-accent: #b80f0f;
68
- --color-theme-accent-hover: #a90d0d;
69
- --color-theme-accent-active: #8b0c0c;
70
- --color-theme-background-demo: #ff4d00;
71
- --color-theme-background-demo-hover: rgba(255, 77, 0, 0.06);
72
- --color-theme-background-demo-active: rgba(255, 77, 0, 0.09);
73
- --color-system-user-red-light: #fff4ee;
74
- --color-system-user-red-mid: #ffa98f;
75
- --color-system-user-red-dark: #d40000;
76
- --color-system-user-orange-dark: #a53e00;
77
- --color-system-user-orange-mid: #ffc950;
78
- --color-system-user-orange-light: #fff6e8;
79
- --color-system-user-yellow-dark: #7b5a00;
80
- --color-system-user-yellow-mid: #ffdd3a;
81
- --color-system-user-yellow-light: #fff8e6;
82
- --color-system-user-green-dark: #007500;
83
- --color-system-user-green-mid: #7bfe7b;
84
- --color-system-user-green-light: #effded;
85
- --color-system-user-mint-dark: #255d3a;
86
- --color-system-user-mint-mid: #d1f4de;
87
- --color-system-user-mint-light: #e9fff1;
88
- --color-system-user-cyan-dark: #007cd5;
89
- --color-system-user-cyan-mid: #77e2ff;
90
- --color-system-user-cyan-light: #f3f9ff;
91
- --color-system-user-blue-dark: #005bff;
92
- --color-system-user-blue-mid: #a5dcff;
93
- --color-system-user-blue-light: #f6f8ff;
94
- --color-system-user-indigo-dark: #7530df;
95
- --color-system-user-indigo-mid: #e2ceff;
96
- --color-system-user-indigo-light: #fbf7ff;
97
- --color-system-user-purple-dark: #354682;
98
- --color-system-user-purple-mid: #d4deff;
99
- --color-system-user-purple-light: #ecf0ff;
100
- --color-system-user-brown-dark: #954c00;
101
- --color-system-user-brown-mid: #ffd244;
102
- --color-system-user-brown-light: #fff7e7;
103
- --color-system-user-pink-dark: #65203a;
104
- --color-system-user-pink-mid: #fad9da;
105
- --color-system-user-pink-light: #fff0f0;
106
- --color-system-user-grey-dark: #5e5e5e;
107
- --color-system-user-grey-mid: #e2e2e2;
108
- --color-system-user-grey-light: #f9f9f9;
109
- --color-system-modal-overlay: rgba(0, 0, 0, 0.5);
110
- --radius-radii-10: 0.625rem;
111
- --radius-radii-16: 1rem;
112
- --radius-radii-24: 1.5rem;
113
- --radius-radii-full: 62.5rem;
114
- --radius-radii-32: 2rem;
115
- --radius-radii-40: 2.5rem;
116
- --radius-radii-64: 4rem;
117
- --radius-radii-8: 0.5rem;
118
- --radius-radii-4: 0.25rem;
119
- --radius-radii-12: 0.75rem;
120
- --radius-button: 0.25rem;
121
- --radius-input: 0.25rem;
122
- --radius-small-container: 0.5rem;
123
- --radius-large-container: 1rem;
124
- --radius-chip: 0.5rem;
125
- --radius-medium-container: 0.75rem;
126
- --typeface-theme: "Bebas Neue";
127
- --typeface-system: Inter;
128
- --typescale-display-large-font: "Bebas Neue";
129
- --typescale-display-medium-font: "Bebas Neue";
130
- --typescale-display-small-font: "Bebas Neue";
131
- --typescale-title-screen-font: "Bebas Neue";
132
- --typescale-title-section-font: Inter;
133
- --typescale-title-subsection-font: Inter;
134
- --typescale-title-body-font: Inter;
135
- --typescale-title-group-font: Inter;
136
- --typescale-body-large-font: Inter;
137
- --typescale-body-large-emphasis-font: Inter;
138
- --typescale-body-default-font: Inter;
139
- --typescale-body-default-emphasis-font: Inter;
140
- --typescale-body-small-font: Inter;
141
- --typescale-body-small-emphasis-font: Inter;
142
- --typescale-link-large-font: Inter;
143
- --typescale-link-default-font: Inter;
144
- --typescale-text-field-font: Inter;
145
- --typescale-display-large-font-size: 6rem;
146
- --typescale-display-medium-font-size: 4rem;
147
- --typescale-display-small-font-size: 2.5rem;
148
- --typescale-title-screen-font-size: 2.5rem;
149
- --typescale-title-section-font-size: 1.625rem;
150
- --typescale-title-subsection-font-size: 1.375rem;
151
- --typescale-title-body-font-size: 1.125rem;
152
- --typescale-title-group-font-size: 0.875rem;
153
- --typescale-body-large-font-size: 1rem;
154
- --typescale-body-large-emphasis-font-size: 1rem;
155
- --typescale-body-default-font-size: 0.875rem;
156
- --typescale-body-default-emphasis-font-size: 0.875rem;
157
- --typescale-body-small-font-size: 0.75rem;
158
- --typescale-body-small-emphasis-font-size: 0.75rem;
159
- --typescale-link-large-font-size: 1rem;
160
- --typescale-link-default-font-size: 0.875rem;
161
- --typescale-text-field-font-size: 1rem;
162
- --typeface-weight-regular: 400;
163
- --typeface-weight-medium: 500;
164
- --typeface-weight-semi-bold: 600;
165
- --typeface-weight-bold: 700;
166
- --typescale-display-large-weight: 400;
167
- --typescale-display-medium-weight: 400;
168
- --typescale-display-small-weight: 400;
169
- --typescale-title-screen-weight: 400;
170
- --typescale-title-section-weight: 600;
171
- --typescale-title-subsection-weight: 600;
172
- --typescale-title-body-weight: 600;
173
- --typescale-title-group-weight: 500;
174
- --typescale-body-large-weight: 400;
175
- --typescale-body-large-emphasis-weight: 600;
176
- --typescale-body-default-weight: 400;
177
- --typescale-body-default-emphasis-weight: 600;
178
- --typescale-body-small-weight: 400;
179
- --typescale-body-small-emphasis-weight: 500;
180
- --typescale-link-large-weight: 600;
181
- --typescale-link-default-weight: 600;
182
- --typescale-text-field-weight: 400;
183
- --typescale-display-large-letter-spacing: 0;
184
- --typescale-display-medium-letter-spacing: 0;
185
- --typescale-display-small-letter-spacing: 0;
186
- --typescale-title-screen-letter-spacing: 0;
187
- --typescale-title-section-letter-spacing: -0.02500000037252903rem;
188
- --typescale-title-subsection-letter-spacing: -0.01875000074505806rem;
189
- --typescale-title-body-letter-spacing: -0.012500000186264515rem;
190
- --typescale-title-group-letter-spacing: -0.0062500000931322575rem;
191
- --typescale-body-large-letter-spacing: -0.012500000186264515rem;
192
- --typescale-body-large-emphasis-letter-spacing: -0.012500000186264515rem;
193
- --typescale-body-default-letter-spacing: 0;
194
- --typescale-body-default-emphasis-letter-spacing: 0;
195
- --typescale-body-small-letter-spacing: -0.012500000186264515rem;
196
- --typescale-body-small-emphasis-letter-spacing: -0.012500000186264515rem;
197
- --typescale-link-large-letter-spacing: -0.012500000186264515rem;
198
- --typescale-link-default-letter-spacing: 0;
199
- --typescale-text-field-letter-spacing: -0.012500000186264515rem;
200
- --typescale-display-large-line-height: 5.125rem;
201
- --typescale-display-medium-line-height: 3.375rem;
202
- --typescale-display-small-line-height: 2.125rem;
203
- --typescale-title-screen-line-height: 2.125rem;
204
- --typescale-title-section-line-height: 2rem;
205
- --typescale-title-subsection-line-height: 1.75rem;
206
- --typescale-title-body-line-height: 1.5rem;
207
- --typescale-title-group-line-height: 1.25rem;
208
- --typescale-body-large-line-height: 1.5rem;
209
- --typescale-body-large-emphasis-line-height: 1.5rem;
210
- --typescale-body-default-line-height: 1.375rem;
211
- --typescale-body-default-emphasis-line-height: 1.375rem;
212
- --typescale-body-small-line-height: 1rem;
213
- --typescale-body-small-emphasis-line-height: 1rem;
214
- --typescale-link-large-line-height: 1.5rem;
215
- --typescale-link-default-line-height: 1.375rem;
216
- --typescale-text-field-line-height: 1.25rem;
217
- --spacing-size-4: 0.25rem;
218
- --spacing-size-8: 0.5rem;
219
- --spacing-size-12: 0.75rem;
220
- --spacing-size-16: 1rem;
221
- --spacing-size-24: 1.5rem;
222
- --spacing-size-32: 2rem;
223
- --spacing-size-40: 2.5rem;
224
- --spacing-size-48: 3rem;
225
- --spacing-size-56: 3.5rem;
226
- --spacing-size-64: 4rem;
227
- --spacing-size-72: 4.5rem;
228
- --spacing-size-80: 5rem;
229
- --spacing-size-88: 5.5rem;
230
- --spacing-size-96: 6rem;
231
- --spacing-size-104: 6.5rem;
232
- --spacing-size-112: 7rem;
233
- --spacing-size-120: 7.5rem;
234
- --spacing-size-128: 8rem;
235
- --spacing-size-146: 9.125rem;
236
- --spacing-size-154: 9.625rem;
237
- --spacing-size-0: 0;
238
- --padding-x-small: 0.5rem;
239
- --padding-small: 1rem;
240
- --padding-medium: 1.5rem;
241
- --padding-large: 2rem;
242
- --size-x-small: 1.5rem;
243
- --size-medium: 2.5rem;
244
- --size-large: 3rem;
245
- --size-x-large: 3.5rem;
246
- --size-small: 2rem;
247
- --size-2x-large: 4.5rem;
248
- --size-2x-small: 1rem;
249
- --spacing-column-gap-cards: 0.75rem;
250
- --spacing-column-gap-chips: 0.5rem;
251
- --spacing-column-margin-screen-mobile: 1.5rem;
252
- --spacing-column-gap-default: 1rem;
253
- --spacing-row-gap-text: 0.5rem;
254
- --spacing-row-gap-image-bottom: 0.5rem;
255
- --spacing-row-gap-display-text-bottom: 1rem;
256
- --spacing-row-gap-text-to-component: 1rem;
257
- --spacing-row-gap-content-to-button: 1.5rem;
258
- --spacing-row-gap-sections: 2rem;
259
- --spacing-row-gap-default: 1rem;
260
- --spacing-row-gap-options: 0;
261
- --spacing-row-gap-fields: 1rem;
262
- --spacing-column-gap-fields: 0.5rem;
263
- --spacing-column-gap-words: 0.25rem;
264
- --typescale-title-screen-paragraph-spacing: 0.5rem;
265
- --typescale-title-section-paragraph-spacing: 0.5rem;
266
- --typescale-title-subsection-paragraph-spacing: 0.5rem;
267
- --typescale-title-body-paragraph-spacing: 0.5rem;
268
- --typescale-title-group-paragraph-spacing: 0.5rem;
269
- --typescale-body-large-paragraph-spacing: 0.5rem;
270
- --typescale-body-large-emphasis-paragraph-spacing: 0.5rem;
271
- --typescale-body-default-paragraph-spacing: 0.5rem;
272
- --typescale-body-default-emphasis-paragraph-spacing: 0.5rem;
273
- --typescale-body-small-paragraph-spacing: 0.5rem;
274
- --typescale-body-small-emphasis-paragraph-spacing: 0.5rem;
275
- --typescale-link-large-paragraph-spacing: 0.5rem;
276
- --typescale-link-default-paragraph-spacing: 0.5rem;
277
- --typescale-text-field-paragraph-spacing: 0.5rem;
278
- }
package/dist/types/components/badge/badge.stories.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { Badge } from "./badge";
3
- declare const meta: Meta<typeof Badge>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
package/dist/types/components/test/test.stories.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { Test } from "./test";
3
- declare const meta: Meta<typeof Test>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
package/dist/types/src/components/badge/badge.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from "react";
2
- import "./badge.styles.scss";
3
- export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
4
- children: ReactNode;
5
- }
6
- export declare function Badge({ className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/src/components/test/test.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from "react";
2
- import "./test.styles.scss";
3
- export interface TestProps extends HTMLAttributes<HTMLSpanElement> {
4
- children: ReactNode;
5
- }
6
- export declare function Test({ className, children, ...props }: TestProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/src/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import "./assets/styles/base.scss";
2
- export { Badge } from "./components/badge/badge";
3
- export { Test } from "./components/test/test";