@vygruppen/spor-react 12.10.0 → 12.10.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.
- package/.turbo/turbo-build.log +10 -10
- package/.turbo/turbo-postinstall.log +1 -1
- package/CHANGELOG.md +20 -29
- package/dist/index.cjs +185 -231
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -41
- package/dist/index.d.ts +10 -41
- package/dist/index.mjs +185 -231
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -4
- package/src/alert/ServiceAlert.tsx +2 -2
- package/src/datepicker/DateField.tsx +6 -2
- package/src/datepicker/TimeField.tsx +2 -6
- package/src/dialog/Drawer.tsx +2 -2
- package/src/input/ListBox.tsx +16 -3
- package/src/input/PhoneNumberInput.tsx +31 -40
- package/src/input/Switch.tsx +1 -1
- package/src/linjetag/LineIcon.tsx +4 -2
- package/src/linjetag/TravelTag.tsx +2 -1
- package/src/loader/DarkFullScreenLoader.tsx +2 -1
- package/src/loader/LightFullScreenLoader.tsx +1 -7
- package/src/loader/LightInlineLoader.tsx +1 -7
- package/src/theme/recipes/badge.ts +1 -1
- package/src/theme/recipes/close-button.ts +2 -2
- package/src/theme/recipes/link.ts +3 -3
- package/src/theme/recipes/pressable-card.ts +0 -1
- package/src/theme/recipes/skeleton.ts +1 -1
- package/src/theme/slot-recipes/alert-service.ts +3 -3
- package/src/theme/slot-recipes/checkbox.ts +2 -3
- package/src/theme/slot-recipes/choice-chip.ts +7 -7
- package/src/theme/slot-recipes/datepicker.ts +1 -2
- package/src/theme/slot-recipes/dialog.ts +1 -0
- package/src/theme/slot-recipes/drawer.ts +1 -0
- package/src/theme/slot-recipes/field.ts +4 -3
- package/src/theme/slot-recipes/floating-action-button.ts +1 -1
- package/src/theme/slot-recipes/line-icon.ts +3 -36
- package/src/theme/slot-recipes/radio-card.ts +0 -1
- package/src/theme/slot-recipes/select.ts +8 -18
- package/src/theme/slot-recipes/switch.ts +3 -5
- package/src/theme/slot-recipes/table.ts +0 -1
- package/src/theme/slot-recipes/tabs.ts +3 -4
- package/src/theme/slot-recipes/toast.ts +0 -9
- package/src/theme/slot-recipes/travel-tag.ts +11 -9
- package/src/toast/toast.tsx +1 -1
package/.turbo/turbo-build.log
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
> @vygruppen/spor-react@12.10.
|
2
|
+
> @vygruppen/spor-react@12.10.2 build /home/runner/work/spor/spor/packages/spor-react
|
3
3
|
> tsup
|
4
4
|
|
5
5
|
CLI Building entry: src/index.tsx, src/icons/index.tsx
|
@@ -11,18 +11,18 @@ CLI Cleaning output folder
|
|
11
11
|
ESM Build start
|
12
12
|
CJS Build start
|
13
13
|
DTS Build start
|
14
|
-
ESM dist/index.mjs
|
14
|
+
ESM dist/index.mjs 293.03 KB
|
15
15
|
ESM dist/icons/index.mjs 110.00 B
|
16
|
-
ESM dist/index.mjs.map 630.10 KB
|
17
16
|
ESM dist/icons/index.mjs.map 157.00 B
|
18
|
-
ESM
|
19
|
-
|
17
|
+
ESM dist/index.mjs.map 628.47 KB
|
18
|
+
ESM ⚡️ Build success in 2673ms
|
19
|
+
CJS dist/index.cjs 314.43 KB
|
20
20
|
CJS dist/icons/index.cjs 381.00 B
|
21
|
+
CJS dist/index.cjs.map 628.47 KB
|
21
22
|
CJS dist/icons/index.cjs.map 157.00 B
|
22
|
-
CJS
|
23
|
-
|
24
|
-
DTS ⚡️ Build success in 31693ms
|
23
|
+
CJS ⚡️ Build success in 2674ms
|
24
|
+
DTS ⚡️ Build success in 18779ms
|
25
25
|
DTS dist/icons/index.d.ts 44.00 B
|
26
|
-
DTS dist/index.d.ts 156.
|
26
|
+
DTS dist/index.d.ts 156.01 KB
|
27
27
|
DTS dist/icons/index.d.cts 44.00 B
|
28
|
-
DTS dist/index.d.cts 156.
|
28
|
+
DTS dist/index.d.cts 156.01 KB
|
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,25 @@
|
|
1
1
|
# @vygruppen/spor-react
|
2
2
|
|
3
|
+
## 12.10.2
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- a35e94b: - ServiceAlert text is now left-aligned
|
8
|
+
- DateField displays required indicator correctly
|
9
|
+
- Combobox padding issues resolved
|
10
|
+
- PhoneNumberInput border rendering fixed
|
11
|
+
- Floating PhoneNumberInput shows correct invalid border
|
12
|
+
- Switch no longer has unwanted left padding
|
13
|
+
- TimePicker functionality improved
|
14
|
+
|
15
|
+
## 12.10.1
|
16
|
+
|
17
|
+
### Patch Changes
|
18
|
+
|
19
|
+
- e690a57: New use-semantic-tokens linting rule to enforce semantic color tokens in Spor components.
|
20
|
+
- @vygruppen/spor-design-tokens@4.0.8
|
21
|
+
- @vygruppen/spor-icon-react@4.2.1
|
22
|
+
|
3
23
|
## 12.10.0
|
4
24
|
|
5
25
|
### Minor Changes
|
@@ -74,7 +94,6 @@
|
|
74
94
|
### Patch Changes
|
75
95
|
|
76
96
|
- 286dbdc: Improve type definitions for Field and CheckboxGroup components:
|
77
|
-
|
78
97
|
- CheckboxGroup: Make `direction` optional.
|
79
98
|
- Field: Ensure `onClick` is included in props.
|
80
99
|
|
@@ -280,7 +299,6 @@
|
|
280
299
|
|
281
300
|
- 94e9282: Nudge, WizardNudge and Toast does not work after updating chakra in a previous version of spor.
|
282
301
|
Fixed:
|
283
|
-
|
284
302
|
- Toast needed an id for each toast. Auto generated if not supplied from user.
|
285
303
|
- Nudge imported usePopoverContext from ark. Now imports from chakra and works.
|
286
304
|
|
@@ -312,12 +330,10 @@
|
|
312
330
|
### Minor Changes
|
313
331
|
|
314
332
|
- 404114d: **spor-icon-react**:
|
315
|
-
|
316
333
|
- Upgraded Chakra UI to the latest version
|
317
334
|
- Removed `ClientOnlyWrapper` from all icons
|
318
335
|
|
319
336
|
**spor-react**:
|
320
|
-
|
321
337
|
- Upgraded Chakra UI to the latest version
|
322
338
|
- Fixed minor styling issues in the `Select` component
|
323
339
|
|
@@ -468,12 +484,10 @@
|
|
468
484
|
### Major Changes
|
469
485
|
|
470
486
|
- fcd6f80: Checkbox:
|
471
|
-
|
472
487
|
- Updated props, `onChange` is now `onCheckedChange`
|
473
488
|
- "`is`" removed from props names. `invalid`, `disabled` and `checked`
|
474
489
|
|
475
490
|
CheckboxGroup:
|
476
|
-
|
477
491
|
- `defaultChecked` > `defaultValue`
|
478
492
|
|
479
493
|
- fcd6f80: Separator: Changed name from Divider to Separator. Fixed styling on separators to match Figma styling
|
@@ -483,7 +497,6 @@
|
|
483
497
|
- fcd6f80: Name update: "base" is now "core" on all platforms. Colors and variants.
|
484
498
|
- fcd6f80: Lists: UnorderedList is removed, use List with prop as="ul"; OrderedList is removed, use List with prop as="ol"
|
485
499
|
- fcd6f80: Table:
|
486
|
-
|
487
500
|
- Thead is now TableHeader,
|
488
501
|
- Tbody is now TableBody,
|
489
502
|
- Tr is now TableRow,
|
@@ -498,7 +511,6 @@
|
|
498
511
|
Pagination has changed and been converted to composition pattern. Please see docs for info.
|
499
512
|
|
500
513
|
Prop changes:
|
501
|
-
|
502
514
|
- `totalPages` > `count`
|
503
515
|
- `selectedPage` > `page`
|
504
516
|
|
@@ -511,11 +523,9 @@
|
|
511
523
|
Spor is getting a major update with Chakra 3.
|
512
524
|
|
513
525
|
## Updated variants
|
514
|
-
|
515
526
|
- `base` is now `core`
|
516
527
|
|
517
528
|
### Update props
|
518
|
-
|
519
529
|
- `isDisabled` is now `disabled`
|
520
530
|
- `isLoading` is now `loading`
|
521
531
|
- `sx` and `__css` is gone, use `css` or `style` instead
|
@@ -527,7 +537,6 @@
|
|
527
537
|
- `isAttached` is now `attached`
|
528
538
|
|
529
539
|
### Updated components
|
530
|
-
|
531
540
|
- `Dialog` replaces `Modal` - And all sizes and placements are now available from the same component
|
532
541
|
- `Accordion`, `Pagination`, `Tabs`, `RadioCard` and `RadioCardGroup` now have a different syntax. Please consult the documentation for name changes.
|
533
542
|
- `Table` components has many changes. Instead of the generic HTML names (Td, Tr etc.), it will now work with full names. Please see docs. Variant `simple` is now `line`.
|
@@ -570,7 +579,6 @@
|
|
570
579
|
- fcd6f80: Accordion: Update syntax and props.
|
571
580
|
|
572
581
|
Changes for component:
|
573
|
-
|
574
582
|
- `AccordionButton` > `AccordionItemTrigger`
|
575
583
|
- `AccordionPanel` > `AccordionItemContent`
|
576
584
|
- `AccordionIcon` is deprecated and used in all Accordions
|
@@ -580,7 +588,6 @@
|
|
580
588
|
- fcd6f80: Radio: can no longer be used without RadioGroup, for accessibility reasons.
|
581
589
|
- fcd6f80: Button Group: variant and size are no longer props of ButtonGroup, these props are passed from children. isAttached is now attached
|
582
590
|
- fcd6f80: RadioCardGroup and RadioCard:
|
583
|
-
|
584
591
|
- Updated props: `onChange` is now `onValueChange`
|
585
592
|
- Deleted props: `name`, `groupLabel` is replaced by `<RadioCardLabel />`
|
586
593
|
- `core` replaces the `base` variant
|
@@ -596,7 +603,6 @@
|
|
596
603
|
|
597
604
|
- fcd6f80: NativeSelect: isDisabled and isInvalid is now disabled and invalid. It is no longer necessary to define true or false.
|
598
605
|
- fcd6f80: Alert & ExpandableAlert
|
599
|
-
|
600
606
|
- `Alert`: `ClosableAlert` and `StaticAlert` are deprecated. Use component `Alert` and prop `closable` instead
|
601
607
|
- `ExpandableAlert`: New colorscheme and styling
|
602
608
|
- `Accordion`: Some styling updates
|
@@ -606,19 +612,16 @@
|
|
606
612
|
|
607
613
|
- fcd6f80: Switch: FormLabel is depricated, use label prop. isDisabled, isChecked and isInvalid is now disabled, checked and invalid.
|
608
614
|
- fcd6f80: **spor-design-tokens: major**
|
609
|
-
|
610
615
|
- teal has been removed from the palette. Use the green palette instead
|
611
616
|
- Some aliases are removed to make way for new ones
|
612
617
|
|
613
618
|
**spor-design-tokens: minor**
|
614
|
-
|
615
619
|
- The palette has been extended from 50-600 to 50-1100 with new values
|
616
620
|
- New aliases has been added to support the extended color palette
|
617
621
|
- New tokens has been added to themes; detail.color, surface.color and alert
|
618
622
|
- Some values for tokens has changed to support the new palette
|
619
623
|
|
620
624
|
**spor-react: patch**
|
621
|
-
|
622
625
|
- Updated darkGreen Badge with new alias
|
623
626
|
|
624
627
|
- fcd6f80: CardSelect: the variant are now: core, ghost and floating
|
@@ -639,12 +642,10 @@
|
|
639
642
|
- fcd6f80: remove support for elm
|
640
643
|
- fcd6f80: ProgressBar: You can now use showValueText to show the percentage done
|
641
644
|
- fcd6f80: ### Changed
|
642
|
-
|
643
645
|
- Changed the way the theme is switched to work with Chakra 3.
|
644
646
|
- Removed the `theme` prop and its value from `SporProvider`. Specifying brand should be sufficient.
|
645
647
|
|
646
648
|
- fcd6f80: ### Skeleton Component Updates
|
647
|
-
|
648
649
|
- **Skeleton**: Introduced new props. The `isLoaded` prop has been replaced with `loading`, which is its opposite.
|
649
650
|
- **SkeletonCircle**: The `boxSize` prop has been replaced with `size`.
|
650
651
|
|
@@ -960,7 +961,6 @@
|
|
960
961
|
### Minor Changes
|
961
962
|
|
962
963
|
- 8184ed1: ### New component
|
963
|
-
|
964
964
|
- ServiceAlert added to the bunch
|
965
965
|
- Alert: New variant "service"
|
966
966
|
|
@@ -1181,7 +1181,6 @@
|
|
1181
1181
|
### Minor Changes
|
1182
1182
|
|
1183
1183
|
- 37c8580: Card is deprecated
|
1184
|
-
|
1185
1184
|
- Update styling for PressableCard
|
1186
1185
|
- Update styling for StaticCard
|
1187
1186
|
- Make Card deprecated, is replaced by the above components
|
@@ -1191,7 +1190,6 @@
|
|
1191
1190
|
### Minor Changes
|
1192
1191
|
|
1193
1192
|
- a3d2ca4: New component: RadioCard & RadioCardGroup
|
1194
|
-
|
1195
1193
|
- Should be used togehter for optimal functionality
|
1196
1194
|
|
1197
1195
|
### Patch Changes
|
@@ -1345,14 +1343,12 @@
|
|
1345
1343
|
Sizes that used to be "sm, md, lg, xl" are now "xs, sm, md, lg".
|
1346
1344
|
|
1347
1345
|
To migrate, change size
|
1348
|
-
|
1349
1346
|
- "sm" to "xs",
|
1350
1347
|
- "md" to "sm",
|
1351
1348
|
- "lg" to "md",
|
1352
1349
|
- and "xl" to "lg".
|
1353
1350
|
|
1354
1351
|
Affected components are:
|
1355
|
-
|
1356
1352
|
- ChoiceChip
|
1357
1353
|
- Tabs
|
1358
1354
|
|
@@ -1420,7 +1416,6 @@
|
|
1420
1416
|
added text
|
1421
1417
|
|
1422
1418
|
choiceChip:
|
1423
|
-
|
1424
1419
|
- We have renamed the variant prop to chipType. This prop now accepts three values: choice, icon, and filter.
|
1425
1420
|
Please update your components to use chipType instead of variant.
|
1426
1421
|
- We have introduced a new variant prop. This prop accepts three values: base, accent, and floating.
|
@@ -1604,7 +1599,6 @@
|
|
1604
1599
|
### Minor Changes
|
1605
1600
|
|
1606
1601
|
- a16a9972: Expose new methods and components from Chakra:
|
1607
|
-
|
1608
1602
|
- defineStyleConfig
|
1609
1603
|
- Collapse
|
1610
1604
|
- useSize
|
@@ -1830,7 +1824,6 @@
|
|
1830
1824
|
|
1831
1825
|
- cfa3ebb1: ExpandableAlert: Fix double padding bug
|
1832
1826
|
Other:
|
1833
|
-
|
1834
1827
|
- Set the document-level line height to a valid value
|
1835
1828
|
- Fix a bug with icon generation
|
1836
1829
|
|
@@ -2116,7 +2109,6 @@
|
|
2116
2109
|
- 5bd65c9e: Export some new transition components from Chakra
|
2117
2110
|
|
2118
2111
|
This change adds the following components:
|
2119
|
-
|
2120
2112
|
- Fade
|
2121
2113
|
- ScaleFade
|
2122
2114
|
- Slide
|
@@ -2173,7 +2165,6 @@
|
|
2173
2165
|
The design tokens were previously also exported from `spor-react` - they should now be imported from `spor-design-tokens` directly instead.
|
2174
2166
|
|
2175
2167
|
Some deprecated components and props have also been removed or replaced:
|
2176
|
-
|
2177
2168
|
- `Link` is replaced by `TextLink`
|
2178
2169
|
- `Select` is replaced by `NativeSelect`
|
2179
2170
|
- `Spinner` is replaced by `ColorSpinner`
|