@design-system-rte/core 0.1.2-rc4 → 0.1.2

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 (5) hide show
  1. package/components/checkbox/checkbox.interface.d.ts +11 -0
  2. package/components/checkbox-group/checkbox-group.interface.d.ts +16 -0
  3. package/package.json +1 -1
  4. package/tokens/_opacity.scss +12 -12
  5. package/tokens/_typography.scss +14 -0
package/components/checkbox/checkbox.interface.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ export interface CheckboxProps {
2
+ id: string;
3
+ label: string;
4
+ showLabel?: boolean;
5
+ groupName?: string;
6
+ description?: string;
7
+ error?: boolean;
8
+ errorMessage?: string;
9
+ readOnly?: boolean;
10
+ indeterminate?: boolean;
11
+ }
package/components/checkbox-group/checkbox-group.interface.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export type Direction = "horizontal" | "vertical";
2
+
3
+ export interface CheckboxGroupProps {
4
+ groupName: string;
5
+ items: string[];
6
+ direction?: Direction;
7
+ showItemsLabel?: boolean;
8
+ groupTitle?: string;
9
+ showGroupTitle?: boolean;
10
+ groupHelpText?: string;
11
+ showHelpText?: boolean;
12
+ errorMessage?: string;
13
+ error?: boolean;
14
+ disabled?: boolean;
15
+ readOnly?: boolean;
16
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@design-system-rte/core",
3
- "version": "0.1.2-rc4",
3
+ "version": "0.1.2",
4
4
  "main": "index.js",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/tokens/_opacity.scss CHANGED
@@ -1,12 +1,12 @@
1
- $opacity-0: 0;
2
- $opacity-5: 5;
3
- $opacity-10: 10;
4
- $opacity-20: 20;
5
- $opacity-30: 30;
6
- $opacity-40: 40;
7
- $opacity-50: 50;
8
- $opacity-60: 60;
9
- $opacity-70: 70;
10
- $opacity-80: 80;
11
- $opacity-90: 90;
12
- $opacity-100: 100;
1
+ $opacity-0: 0%;
2
+ $opacity-5: 5%;
3
+ $opacity-10: 10%;
4
+ $opacity-20: 20%;
5
+ $opacity-30: 30%;
6
+ $opacity-40: 40%;
7
+ $opacity-50: 50%;
8
+ $opacity-60: 60%;
9
+ $opacity-70: 70%;
10
+ $opacity-80: 80%;
11
+ $opacity-90: 90%;
12
+ $opacity-100: 100%;
package/tokens/_typography.scss CHANGED
@@ -171,6 +171,15 @@ $button-l-semibold-letter-spacing: $letter-spacing-s;
171
171
  letter-spacing: $text-m-bold-letter-spacing;
172
172
  }
173
173
 
174
+ @mixin typography-text-s {
175
+ @include typography-text;
176
+ font-family: $text-s-regular-font-family;
177
+ font-weight: $text-s-regular-font-weight;
178
+ font-size: $text-s-regular-font-size;
179
+ line-height: $text-s-regular-line-height;
180
+ letter-spacing: $text-s-regular-letter-spacing;
181
+ }
182
+
174
183
  @mixin typography-text-l {
175
184
  @include typography-text;
176
185
  font-family: $text-l-regular-font-family;
@@ -220,4 +229,9 @@ $button-l-semibold-letter-spacing: $letter-spacing-s;
220
229
  font-size: $heading-s-semibold-font-size;
221
230
  line-height: $heading-s-semibold-line-height;
222
231
  letter-spacing: $heading-s-semibold-letter-spacing;
232
+ }
233
+
234
+ @mixin typography-checkbox-error {
235
+ @include typography-text-s;
236
+ font-weight: $text-s-bold-font-weight;
223
237
  }