@rte-ds/core 1.3.6 → 1.3.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 (10) hide show
  1. package/assets/icons/branch.svg +3 -0
  2. package/assets/icons/campaign.svg +7 -0
  3. package/assets/icons/switch.svg +4 -0
  4. package/components/checkbox-group/checkbox-group.interface.d.ts +2 -0
  5. package/components/grid/grid.scss +5 -7
  6. package/components/radio-button-group/radio-button-group.interface.d.ts +2 -0
  7. package/components/select/select.interface.d.ts +12 -1
  8. package/components/switch/switch.interface.d.ts +2 -0
  9. package/design-tokens/abstract/mixins/_typography.scss +40 -15
  10. package/package.json +1 -1
package/assets/icons/branch.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 0C11.6569 0 13 1.34315 13 3C13 4.30574 12.1645 5.413 11 5.8252V9H18V15.1738C19.1647 15.5859 20 16.6941 20 18C20 19.6569 18.6569 21 17 21C15.3431 21 14 19.6569 14 18C14 16.6941 14.8353 15.5859 16 15.1738V11H4V15.1738C5.16468 15.5859 6 16.6941 6 18C6 19.6569 4.65685 21 3 21C1.34315 21 0 19.6569 0 18C0 16.6941 0.835321 15.5859 2 15.1738V9H9V5.8252C7.83548 5.413 7 4.30574 7 3C7 1.34315 8.34315 0 10 0ZM3 17C2.44772 17 2 17.4477 2 18C2 18.5523 2.44772 19 3 19C3.55228 19 4 18.5523 4 18C4 17.4477 3.55228 17 3 17ZM17 17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19C17.5523 19 18 18.5523 18 18C18 17.4477 17.5523 17 17 17ZM10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2Z" fill="currentColor"/>
3
+ </svg>
package/assets/icons/campaign.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.6973 13.8852C14.9262 13.8921 15.1244 13.9719 15.291 14.1244L16.1875 14.9994C16.3542 15.1522 16.4337 15.3473 16.4268 15.5834C16.4198 15.8193 16.34 16.0204 16.1875 16.1869C16.0208 16.3536 15.8191 16.4369 15.583 16.4369C15.3469 16.4369 15.1528 16.3536 15 16.1869L14.125 15.2914C13.9722 15.1248 13.8955 14.9268 13.8955 14.6977C13.8955 14.4686 13.9722 14.2772 14.125 14.1244C14.2776 13.9581 14.4684 13.8783 14.6973 13.8852Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M9.58301 4.77092C9.84685 4.50708 10.1491 4.44843 10.4893 4.59416C10.8295 4.74001 11 5.00045 11 5.37541V14.6664C10.9999 15.0413 10.8294 15.3019 10.4893 15.4477C10.1491 15.5934 9.8468 15.5346 9.58301 15.2709L6.83301 12.5209H6.16699V15.4379C6.16687 15.6738 6.08636 15.8721 5.92676 16.0317C5.76711 16.1911 5.5689 16.2709 5.33301 16.2709C5.09711 16.2708 4.89888 16.1912 4.73926 16.0317C4.57968 15.8721 4.50012 15.6738 4.5 15.4379V12.5209H3.33301C3.09711 12.5208 2.89888 12.4412 2.73926 12.2817C2.57969 12.1221 2.50012 11.9238 2.5 11.6879V8.35393C2.50009 8.11807 2.57973 7.91978 2.73926 7.76018C2.8989 7.60056 3.09706 7.521 3.33301 7.52092H6.83301L9.58301 4.77092ZM7.54199 9.18791H4.16699V10.8539H7.54199L9.33301 12.6459V7.39592L7.54199 9.18791Z" fill="currentColor"/>
4
+ <path d="M11.8857 7.03166C12.0315 6.95539 12.1737 6.95823 12.3125 7.04143C12.7429 7.38859 13.0906 7.8263 13.3545 8.35393C13.6183 8.88161 13.75 9.43771 13.75 10.0209C13.75 10.6041 13.6183 11.1565 13.3545 11.6772C13.0906 12.1979 12.743 12.6251 12.3125 12.9584C12.1738 13.0416 12.0314 13.0453 11.8857 12.9692C11.74 12.8928 11.6671 12.7704 11.667 12.6039V7.39592C11.667 7.22934 11.74 7.10804 11.8857 7.03166Z" fill="currentColor"/>
5
+ <path d="M18.333 9.16643C18.569 9.16643 18.7671 9.24614 18.9268 9.40569C19.0864 9.56531 19.1659 9.76351 19.166 9.99944C19.166 10.2355 19.0864 10.4335 18.9268 10.5932C18.767 10.7529 18.5691 10.8334 18.333 10.8334H16.666C16.4301 10.8333 16.2319 10.7528 16.0723 10.5932C15.9128 10.4335 15.833 10.2353 15.833 9.99944C15.8331 9.76351 15.9126 9.56531 16.0723 9.40569C16.2319 9.24606 16.4301 9.16652 16.666 9.16643H18.333Z" fill="currentColor"/>
6
+ <path d="M15.583 3.57268C15.8191 3.57962 16.0208 3.65921 16.1875 3.81194C16.3541 3.97858 16.4375 4.18036 16.4375 4.41643C16.4375 4.65238 16.3539 4.84671 16.1875 4.99944L15.291 5.87444C15.1244 6.02721 14.9302 6.10393 14.708 6.10393C14.4858 6.10391 14.2916 6.02719 14.125 5.87444C13.9584 5.72173 13.8779 5.53119 13.8848 5.30217C13.8917 5.07301 13.9722 4.87509 14.125 4.70842L15 3.81194C15.1527 3.64553 15.3471 3.56576 15.583 3.57268Z" fill="currentColor"/>
7
+ </svg>
package/assets/icons/switch.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.83329 14.1667C4.68051 14.1667 3.69788 13.7605 2.88538 12.948C2.07288 12.1355 1.66663 11.1528 1.66663 10C1.66663 8.84726 2.07288 7.86462 2.88538 7.05212C3.69788 6.23962 4.68051 5.83337 5.83329 5.83337H8.33329C8.5694 5.83337 8.76732 5.91324 8.92704 6.07296C9.08676 6.23268 9.16663 6.4306 9.16663 6.66671C9.16663 6.90282 9.08676 7.10074 8.92704 7.26046C8.76732 7.42018 8.5694 7.50004 8.33329 7.50004H5.83329C5.13885 7.50004 4.54857 7.7431 4.06246 8.22921C3.57635 8.71532 3.33329 9.3056 3.33329 10C3.33329 10.6945 3.57635 11.2848 4.06246 11.7709C4.54857 12.257 5.13885 12.5 5.83329 12.5H8.33329C8.5694 12.5 8.76732 12.5799 8.92704 12.7396C9.08676 12.8993 9.16663 13.0973 9.16663 13.3334C9.16663 13.5695 9.08676 13.7674 8.92704 13.9271C8.76732 14.0868 8.5694 14.1667 8.33329 14.1667H5.83329ZM6.66663 14.1667C6.43051 14.1667 6.2326 14.0868 6.07288 13.9271C5.91315 13.7674 5.83329 13.5695 5.83329 13.3334C5.83329 13.0973 5.91315 12.8993 6.07288 12.7396C6.2326 12.5799 6.43051 12.5 6.66663 12.5H14.1666C14.8611 12.5 15.4513 12.257 15.9375 11.7709C16.4236 11.2848 16.6666 10.6945 16.6666 10C16.6666 9.3056 16.4236 8.71532 15.9375 8.22921C15.4513 7.7431 14.8611 7.50004 14.1666 7.50004H7.66663C7.43051 7.50004 7.2326 7.42018 7.07288 7.26046C6.91315 7.10074 6.83329 6.90282 6.83329 6.66671C6.83329 6.4306 6.91315 6.23268 7.07288 6.07296C7.2326 5.91324 7.43051 5.83337 7.66663 5.83337H14.1666C15.3194 5.83337 16.302 6.23962 17.1145 7.05212C17.927 7.86462 18.3333 8.84726 18.3333 10C18.3333 11.1528 17.927 12.1355 17.1145 12.948C16.302 13.7605 15.3194 14.1667 14.1666 14.1667H6.66663Z" fill="#3E3E3D"/>
3
+ <circle cx="14" cy="10" r="2" fill="currentColor"/>
4
+ </svg>
package/components/checkbox-group/checkbox-group.interface.d.ts CHANGED
@@ -10,4 +10,6 @@ export interface CheckboxGroupProps {
10
10
  error?: boolean;
11
11
  disabled?: boolean;
12
12
  readOnly?: boolean;
13
+ required?: boolean;
14
+ showLabelRequirement?: boolean;
13
15
  }
package/components/grid/grid.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use '../../design-tokens/tokens/public/spacing' as *;
2
- @use '../../design-tokens/tokens/public/layout' as *;
1
+ @use "../../design-tokens/tokens/public/spacing" as *;
2
+ @use "../../design-tokens/tokens/public/layout" as *;
3
3
 
4
4
  $grid-max-width-narrow: 864px;
5
5
  $grid-max-width-wide: 1296px;
@@ -8,7 +8,6 @@ $grid-max-width-wide: 1296px;
8
8
  display: grid;
9
9
  grid-template-columns: repeat($column-number-s, 1fr);
10
10
  column-gap: $positive-spacing_150;
11
- padding: 0 $positive-spacing_200;
12
11
  margin: auto;
13
12
 
14
13
  @media (min-width: $breakpoints-xs) {
@@ -18,14 +17,13 @@ $grid-max-width-wide: 1296px;
18
17
  @media (min-width: $breakpoints-m) {
19
18
  grid-template-columns: repeat($column-number-l, 1fr);
20
19
  column-gap: $positive-spacing_200;
21
- padding: 0 $positive-spacing_400;
22
20
  }
23
21
 
24
- &[data-gridtype='fixed-narrow'] {
22
+ &[data-gridtype="fixed-narrow"] {
25
23
  max-width: $grid-max-width-narrow;
26
24
  }
27
25
 
28
- &[data-gridtype='fixed-wide'] {
26
+ &[data-gridtype="fixed-wide"] {
29
27
  max-width: $grid-max-width-wide;
30
28
  }
31
29
  }
@@ -78,4 +76,4 @@ $grid-max-width-wide: 1296px;
78
76
  grid-column: span #{$i};
79
77
  }
80
78
  }
81
- }
79
+ }
package/components/radio-button-group/radio-button-group.interface.d.ts CHANGED
@@ -11,4 +11,6 @@ export interface RadioButtonGroupProps {
11
11
  error?: boolean;
12
12
  disabled?: boolean;
13
13
  readOnly?: boolean;
14
+ required?: boolean;
15
+ showLabelRequirement?: boolean;
14
16
  }
package/components/select/select.interface.d.ts CHANGED
@@ -1,8 +1,19 @@
1
+ import { IconName } from "../../icons/icon.type";
1
2
  import { InputProps } from "../common/input-props";
2
3
 
4
+ export interface SelectOption {
5
+ value: string;
6
+ label: string;
7
+ icon?: IconName;
8
+ }
9
+
3
10
  export interface SelectProps extends InputProps {
4
11
  onClear?: () => void;
5
- options: { value: string; label: string }[];
12
+ options: SelectOption[];
6
13
  showResetButton?: boolean;
7
14
  width?: number;
15
+ multiple?: boolean;
16
+ multipleValue?: string[];
17
+ onMultipleChange?: (values: string[]) => void;
18
+ defaultOption?: string;
8
19
  }
package/components/switch/switch.interface.d.ts CHANGED
@@ -7,4 +7,6 @@ export interface SwitchProps {
7
7
  label?: string;
8
8
  showIcon?: boolean;
9
9
  checked?: boolean;
10
+ required?: boolean;
11
+ showLabelRequirement?: boolean;
10
12
  }
package/design-tokens/abstract/mixins/_typography.scss CHANGED
@@ -1,7 +1,9 @@
1
1
  @use "../../tokens/public/typography" as *;
2
2
 
3
3
  @mixin typography-button {
4
- font-feature-settings: 'liga' off, 'clig' off;
4
+ font-feature-settings:
5
+ "liga" off,
6
+ "clig" off;
5
7
  font-style: normal;
6
8
  }
7
9
 
@@ -33,7 +35,9 @@
33
35
  }
34
36
 
35
37
  @mixin typography-text {
36
- font-feature-settings: 'liga' off, 'clig' off;
38
+ font-feature-settings:
39
+ "liga" off,
40
+ "clig" off;
37
41
  font-style: normal;
38
42
  }
39
43
 
@@ -46,7 +50,6 @@
46
50
  letter-spacing: $text-xs-regular-letter-spacing;
47
51
  }
48
52
 
49
-
50
53
  @mixin typography-text-m {
51
54
  @include typography-text;
52
55
  font-family: $text-m-regular-font-family;
@@ -111,7 +114,9 @@
111
114
  }
112
115
 
113
116
  @mixin typography-link {
114
- font-feature-settings: 'liga' off, 'clig' off;
117
+ font-feature-settings:
118
+ "liga" off,
119
+ "clig" off;
115
120
  font-style: normal;
116
121
  }
117
122
 
@@ -125,7 +130,9 @@
125
130
  }
126
131
 
127
132
  @mixin typography-radio-button {
128
- font-feature-settings: 'liga' off, 'clig' off;
133
+ font-feature-settings:
134
+ "liga" off,
135
+ "clig" off;
129
136
  font-style: normal;
130
137
  }
131
138
 
@@ -139,7 +146,9 @@
139
146
  }
140
147
 
141
148
  @mixin typography-heading {
142
- font-feature-settings: "liga" off, "clig" off;
149
+ font-feature-settings:
150
+ "liga" off,
151
+ "clig" off;
143
152
  font-style: normal;
144
153
  }
145
154
 
@@ -194,7 +203,9 @@
194
203
  }
195
204
 
196
205
  @mixin typography-tooltip {
197
- font-feature-settings: "liga" off, "clig" off;
206
+ font-feature-settings:
207
+ "liga" off,
208
+ "clig" off;
198
209
  font-style: normal;
199
210
  }
200
211
 
@@ -208,7 +219,9 @@
208
219
  }
209
220
 
210
221
  @mixin typography-storybook-title {
211
- font-feature-settings: "liga" off, "clig" off;
222
+ font-feature-settings:
223
+ "liga" off,
224
+ "clig" off;
212
225
  font-style: normal;
213
226
  font-family: $heading-3xl-semibold-font-family;
214
227
  font-weight: $heading-3xl-semibold-font-weight;
@@ -217,7 +230,9 @@
217
230
  }
218
231
 
219
232
  @mixin typography-storybook-subtitle {
220
- font-feature-settings: "liga" off, "clig" off;
233
+ font-feature-settings:
234
+ "liga" off,
235
+ "clig" off;
221
236
  font-style: normal;
222
237
  font-family: $heading-4xl-semibold-font-family;
223
238
  font-weight: $heading-m-semibold-font-weight;
@@ -226,7 +241,9 @@
226
241
  }
227
242
 
228
243
  @mixin typography-storybook-header-content {
229
- font-feature-settings: "liga" off, "clig" off;
244
+ font-feature-settings:
245
+ "liga" off,
246
+ "clig" off;
230
247
  font-style: normal;
231
248
  font-family: $text-xl-regular-font-family;
232
249
  font-weight: $text-xl-regular-font-weight;
@@ -235,7 +252,9 @@
235
252
  }
236
253
 
237
254
  @mixin typography-storybook-header-xs {
238
- font-feature-settings: "liga" off, "clig" off;
255
+ font-feature-settings:
256
+ "liga" off,
257
+ "clig" off;
239
258
  font-style: normal;
240
259
  font-family: $heading-xs-semibold-font-family;
241
260
  font-weight: $heading-xs-semibold-font-weight;
@@ -245,7 +264,9 @@
245
264
  }
246
265
 
247
266
  @mixin typography-storybook-header-s {
248
- font-feature-settings: "liga" off, "clig" off;
267
+ font-feature-settings:
268
+ "liga" off,
269
+ "clig" off;
249
270
  font-style: normal;
250
271
  font-family: $heading-s-semibold-font-family;
251
272
  font-weight: $heading-s-semibold-font-weight;
@@ -255,7 +276,9 @@
255
276
  }
256
277
 
257
278
  @mixin typography-split-button {
258
- font-feature-settings: "liga" off, "clig" off;
279
+ font-feature-settings:
280
+ "liga" off,
281
+ "clig" off;
259
282
  font-style: normal;
260
283
  }
261
284
 
@@ -287,7 +310,9 @@
287
310
  }
288
311
 
289
312
  @mixin typography-text-input {
290
- font-feature-settings: "liga" off, "clig" off;
313
+ font-feature-settings:
314
+ "liga" off,
315
+ "clig" off;
291
316
  font-style: normal;
292
317
  }
293
318
 
@@ -332,4 +357,4 @@
332
357
  font-weight: $text-m-regular-font-weight;
333
358
  line-height: $text-m-regular-line-height;
334
359
  letter-spacing: $text-m-regular-letter-spacing;
335
- }
360
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rte-ds/core",
3
- "version": "1.3.6",
3
+ "version": "1.3.9",
4
4
  "main": "index.js",
5
5
  "scripts": {
6
6
  "lint": "eslint .",