@ndla/primitives 0.0.6 → 0.0.8
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/dist/panda.buildinfo.json +22 -9
- package/dist/styles.css +74 -20
- package/es/Checkbox.js +1 -0
- package/es/Dialog.js +2 -0
- package/es/Label.js +1 -0
- package/es/Menu.js +1 -0
- package/es/RadioGroup.js +2 -0
- package/es/Slider.js +1 -0
- package/es/Switch.js +1 -0
- package/es/Tabs.js +2 -2
- package/es/Toast.js +2 -0
- package/es/index.js +22 -4
- package/lib/Checkbox.js +1 -0
- package/lib/Dialog.js +2 -0
- package/lib/Label.js +1 -0
- package/lib/Menu.d.ts +1 -0
- package/lib/Menu.js +1 -0
- package/lib/RadioGroup.js +2 -0
- package/lib/Slider.js +1 -0
- package/lib/Switch.js +1 -0
- package/lib/Tabs.js +2 -2
- package/lib/Toast.d.ts +2 -2
- package/lib/Toast.js +2 -0
- package/lib/index.d.ts +46 -13
- package/lib/index.js +595 -7
- package/package.json +3 -3
|
@@ -439,11 +439,31 @@
|
|
|
439
439
|
"textAlign]___[value:center]___[cond:& td, & th<___>&[data-align='center']",
|
|
440
440
|
"textAlign]___[value:left]___[cond:& td, & th<___>&[data-align='left']",
|
|
441
441
|
"textAlign]___[value:right]___[cond:& td, & th<___>&[data-align='right']",
|
|
442
|
-
"
|
|
443
|
-
"
|
|
442
|
+
"paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
|
|
443
|
+
"paddingInlineStart]___[value:xsmall]___[cond:_vertical",
|
|
444
|
+
"boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
|
|
445
|
+
"borderWidth]___[value:1px",
|
|
446
|
+
"padding]___[value:xsmall",
|
|
447
|
+
"outlineOffset]___[value:-3px]___[cond:_focusVisible",
|
|
448
|
+
"outlineColor]___[value:stroke.default]___[cond:_focusVisible",
|
|
444
449
|
"overflow]___[value:auto",
|
|
445
450
|
"marginBlockEnd]___[value:-1px]___[cond:_horizontal",
|
|
446
451
|
"marginInlineEnd]___[value:-1px]___[cond:_vertical",
|
|
452
|
+
"flexDirection]___[value:column]___[cond:_horizontal",
|
|
453
|
+
"flexDirection]___[value:row]___[cond:_vertical",
|
|
454
|
+
"outline]___[value:4px solid",
|
|
455
|
+
"outlineColor]___[value:stroke.default",
|
|
456
|
+
"outlineOffset]___[value:-4px",
|
|
457
|
+
"height]___[value:var(--height)]___[cond:_peerFocusVisible",
|
|
458
|
+
"width]___[value:var(--width)]___[cond:_peerFocusVisible",
|
|
459
|
+
"borderTopRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_horizontal",
|
|
460
|
+
"borderRightRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_vertical",
|
|
461
|
+
"bottom]___[value:0]___[cond:_horizontal",
|
|
462
|
+
"height]___[value:2]___[cond:_horizontal",
|
|
463
|
+
"width]___[value:var(--width)]___[cond:_horizontal",
|
|
464
|
+
"height]___[value:var(--height)]___[cond:_vertical",
|
|
465
|
+
"left]___[value:0]___[cond:_vertical",
|
|
466
|
+
"width]___[value:2]___[cond:_vertical",
|
|
447
467
|
"transitionProperty]___[value:color, background, border-color",
|
|
448
468
|
"whiteSpace]___[value:nowrap",
|
|
449
469
|
"color]___[value:text.strong]___[cond:_selected",
|
|
@@ -456,7 +476,6 @@
|
|
|
456
476
|
"justifyContent]___[value:flex-start]___[cond:_vertical",
|
|
457
477
|
"borderRadius]___[value:unset]___[cond:_focusVisible",
|
|
458
478
|
"borderColor]___[value:transparent",
|
|
459
|
-
"borderWidth]___[value:1px",
|
|
460
479
|
"borderTopRadius]___[value:xsmall]___[cond:_horizontal",
|
|
461
480
|
"borderTopLeftRadius]___[value:xsmall]___[cond:_vertical",
|
|
462
481
|
"borderBottomLeftRadius]___[value:xsmall]___[cond:_vertical",
|
|
@@ -464,12 +483,6 @@
|
|
|
464
483
|
"borderColor]___[value:stroke.subtle]___[cond:_selected",
|
|
465
484
|
"borderBottomColor]___[value:transparent]___[cond:_selected<___>_horizontal",
|
|
466
485
|
"borderRightColor]___[value:transparent]___[cond:_selected<___>_vertical",
|
|
467
|
-
"outlineOffset]___[value:-3px]___[cond:_focusVisible",
|
|
468
|
-
"outlineColor]___[value:stroke.default]___[cond:_focusVisible",
|
|
469
|
-
"paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
|
|
470
|
-
"paddingInlineStart]___[value:xsmall]___[cond:_vertical",
|
|
471
|
-
"boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
|
|
472
|
-
"padding]___[value:xsmall",
|
|
473
486
|
"textStyle]___[value:body.medium",
|
|
474
487
|
"textStyle]___[value:heading.medium",
|
|
475
488
|
"boxShadow]___[value:medium",
|
package/dist/styles.css
CHANGED
|
@@ -736,16 +736,24 @@
|
|
|
736
736
|
table-layout: fixed;
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
+
.p_xsmall {
|
|
740
|
+
padding: var(--spacing-xsmall);
|
|
741
|
+
}
|
|
742
|
+
|
|
739
743
|
.overflow_auto {
|
|
740
744
|
overflow: auto;
|
|
741
745
|
}
|
|
742
746
|
|
|
743
|
-
.
|
|
744
|
-
|
|
747
|
+
.ring_4px_solid {
|
|
748
|
+
outline: 4px solid;
|
|
745
749
|
}
|
|
746
750
|
|
|
747
|
-
.
|
|
748
|
-
|
|
751
|
+
.ring-offset_-4px {
|
|
752
|
+
outline-offset: -4px;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.white-space_nowrap {
|
|
756
|
+
white-space: nowrap;
|
|
749
757
|
}
|
|
750
758
|
|
|
751
759
|
.shadow_medium {
|
|
@@ -1041,6 +1049,14 @@
|
|
|
1041
1049
|
overflow-x: auto;
|
|
1042
1050
|
}
|
|
1043
1051
|
|
|
1052
|
+
.border-w_1px {
|
|
1053
|
+
border-width: 1px;
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1056
|
+
.ring-color_stroke\.default {
|
|
1057
|
+
outline-color: var(--colors-stroke-default);
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1044
1060
|
.transition-prop_color\,_background\,_border-color {
|
|
1045
1061
|
--transition-prop: color, background, border-color;
|
|
1046
1062
|
transition-property: color, background, border-color;
|
|
@@ -1050,10 +1066,6 @@
|
|
|
1050
1066
|
border-color: transparent;
|
|
1051
1067
|
}
|
|
1052
1068
|
|
|
1053
|
-
.border-w_1px {
|
|
1054
|
-
border-width: 1px;
|
|
1055
|
-
}
|
|
1056
|
-
|
|
1057
1069
|
.duration_slow {
|
|
1058
1070
|
--transition-duration: var(--durations-slow);
|
|
1059
1071
|
transition-duration: var(--durations-slow);
|
|
@@ -1369,6 +1381,14 @@
|
|
|
1369
1381
|
padding-block: var(--spacing-3xsmall);
|
|
1370
1382
|
}
|
|
1371
1383
|
|
|
1384
|
+
.horizontal\:pt_xsmall[data-orientation=horizontal] {
|
|
1385
|
+
padding-block-start: var(--spacing-xsmall);
|
|
1386
|
+
}
|
|
1387
|
+
|
|
1388
|
+
.vertical\:ps_xsmall[data-orientation=vertical] {
|
|
1389
|
+
padding-inline-start: var(--spacing-xsmall);
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1372
1392
|
.horizontal\:mb_-1px[data-orientation=horizontal] {
|
|
1373
1393
|
margin-block-end: -1px;
|
|
1374
1394
|
}
|
|
@@ -1377,6 +1397,22 @@
|
|
|
1377
1397
|
margin-inline-end: -1px;
|
|
1378
1398
|
}
|
|
1379
1399
|
|
|
1400
|
+
.horizontal\:h_2[data-orientation=horizontal] {
|
|
1401
|
+
height: var(--sizes-2);
|
|
1402
|
+
}
|
|
1403
|
+
|
|
1404
|
+
.horizontal\:w_var\(--width\)[data-orientation=horizontal] {
|
|
1405
|
+
width: var(--width);
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
.vertical\:h_var\(--height\)[data-orientation=vertical] {
|
|
1409
|
+
height: var(--height);
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.vertical\:w_2[data-orientation=vertical] {
|
|
1413
|
+
width: var(--sizes-2);
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1380
1416
|
.selected\:text_text\.strong:is([aria-selected=true], [data-selected]) {
|
|
1381
1417
|
color: var(--colors-text-strong);
|
|
1382
1418
|
}
|
|
@@ -1398,14 +1434,6 @@
|
|
|
1398
1434
|
background: var(--colors-surface-default);
|
|
1399
1435
|
}
|
|
1400
1436
|
|
|
1401
|
-
.horizontal\:pt_xsmall[data-orientation=horizontal] {
|
|
1402
|
-
padding-block-start: var(--spacing-xsmall);
|
|
1403
|
-
}
|
|
1404
|
-
|
|
1405
|
-
.vertical\:ps_xsmall[data-orientation=vertical] {
|
|
1406
|
-
padding-inline-start: var(--spacing-xsmall);
|
|
1407
|
-
}
|
|
1408
|
-
|
|
1409
1437
|
.closed\:transition-prop_background\,_border-color\,_border\,_border-radius:is([closed], [data-closed], [data-state="closed"]) {
|
|
1410
1438
|
--transition-prop: background, border-color, border, border-radius;
|
|
1411
1439
|
transition-property: background, border-color, border, border-radius;
|
|
@@ -1499,6 +1527,14 @@
|
|
|
1499
1527
|
flex-direction: row;
|
|
1500
1528
|
}
|
|
1501
1529
|
|
|
1530
|
+
.horizontal\:bottom_0[data-orientation=horizontal] {
|
|
1531
|
+
bottom: 0;
|
|
1532
|
+
}
|
|
1533
|
+
|
|
1534
|
+
.vertical\:left_0[data-orientation=vertical] {
|
|
1535
|
+
left: 0;
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1502
1538
|
.disabled\:border_stroke\.default:is(:disabled, [disabled], [data-disabled]) {
|
|
1503
1539
|
border-color: var(--colors-stroke-default);
|
|
1504
1540
|
}
|
|
@@ -1605,16 +1641,24 @@
|
|
|
1605
1641
|
outline-offset: 0px;
|
|
1606
1642
|
}
|
|
1607
1643
|
|
|
1608
|
-
.focusVisible\:
|
|
1609
|
-
|
|
1644
|
+
.focusVisible\:shadow_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
|
|
1645
|
+
box-shadow: 0 0 0 3px var(--shadow-color);
|
|
1610
1646
|
}
|
|
1611
1647
|
|
|
1612
1648
|
.focusVisible\:ring-offset_-3px:is(:focus-visible, [data-focus-visible]) {
|
|
1613
1649
|
outline-offset: -3px;
|
|
1614
1650
|
}
|
|
1615
1651
|
|
|
1616
|
-
.
|
|
1617
|
-
|
|
1652
|
+
.peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:h_var\(--height\) {
|
|
1653
|
+
height: var(--height);
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
.peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:w_var\(--width\) {
|
|
1657
|
+
width: var(--width);
|
|
1658
|
+
}
|
|
1659
|
+
|
|
1660
|
+
.focusVisible\:rounded_unset:is(:focus-visible, [data-focus-visible]) {
|
|
1661
|
+
border-radius: unset;
|
|
1618
1662
|
}
|
|
1619
1663
|
|
|
1620
1664
|
.focus\:ring-color_stroke\.default:is(:focus, [data-focus]) {
|
|
@@ -1869,6 +1913,16 @@
|
|
|
1869
1913
|
text-align: right;
|
|
1870
1914
|
}
|
|
1871
1915
|
|
|
1916
|
+
.peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:horizontal\:rounded-t_xsmall[data-orientation=horizontal] {
|
|
1917
|
+
border-top-left-radius: var(--radii-xsmall);
|
|
1918
|
+
border-top-right-radius: var(--radii-xsmall);
|
|
1919
|
+
}
|
|
1920
|
+
|
|
1921
|
+
.peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:vertical\:rounded-r_xsmall[data-orientation=vertical] {
|
|
1922
|
+
border-top-right-radius: var(--radii-xsmall);
|
|
1923
|
+
border-bottom-right-radius: var(--radii-xsmall);
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1872
1926
|
.disabled\:hover\:text_text\.subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
|
|
1873
1927
|
color: var(--colors-text-subtle);
|
|
1874
1928
|
}
|
package/es/Checkbox.js
CHANGED
package/es/Dialog.js
CHANGED
|
@@ -285,6 +285,7 @@ export const DialogDescription = _ref2 => {
|
|
|
285
285
|
} = _ref2;
|
|
286
286
|
return /*#__PURE__*/_jsx(InternalDialogDescription, {
|
|
287
287
|
asChild: true,
|
|
288
|
+
forwardCssProp: true,
|
|
288
289
|
children: /*#__PURE__*/_jsx(Text, {
|
|
289
290
|
textStyle: textStyle,
|
|
290
291
|
...rest
|
|
@@ -299,6 +300,7 @@ export const DialogTitle = _ref3 => {
|
|
|
299
300
|
} = _ref3;
|
|
300
301
|
return /*#__PURE__*/_jsx(InternalDialogTitle, {
|
|
301
302
|
asChild: true,
|
|
303
|
+
forwardCssProp: true,
|
|
302
304
|
children: /*#__PURE__*/_jsx(Heading, {
|
|
303
305
|
textStyle: textStyle,
|
|
304
306
|
...rest
|
package/es/Label.js
CHANGED
|
@@ -20,6 +20,7 @@ const StyledLegend = styled(ark.legend, {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
|
+
// TODO: This is not exported for now. Let's wait and see when ark decides to release their legend and fieldset.
|
|
23
24
|
export const Legend = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
24
25
|
let {
|
|
25
26
|
textStyle = "label.medium",
|
package/es/Menu.js
CHANGED
|
@@ -154,6 +154,7 @@ export const MenuItemGroupLabel = _ref2 => {
|
|
|
154
154
|
return /*#__PURE__*/_jsx(InternalMenuItemGroupLabel, {
|
|
155
155
|
...props,
|
|
156
156
|
asChild: true,
|
|
157
|
+
forwardCssProp: true,
|
|
157
158
|
children: /*#__PURE__*/_jsx(Text, {
|
|
158
159
|
textStyle: textStyle,
|
|
159
160
|
fontWeight: fontWeight,
|
package/es/RadioGroup.js
CHANGED
|
@@ -104,6 +104,7 @@ export const RadioGroupItemText = _ref => {
|
|
|
104
104
|
} = _ref;
|
|
105
105
|
return /*#__PURE__*/_jsx(InternalRadioGroupItemText, {
|
|
106
106
|
asChild: true,
|
|
107
|
+
forwardCssProp: true,
|
|
107
108
|
children: /*#__PURE__*/_jsx(Text, {
|
|
108
109
|
asChild: true,
|
|
109
110
|
textStyle: textStyle,
|
|
@@ -123,6 +124,7 @@ export const RadioGroupLabel = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
123
124
|
return /*#__PURE__*/_jsx(InternalRadioGroupLabel, {
|
|
124
125
|
ref: ref,
|
|
125
126
|
asChild: true,
|
|
127
|
+
forwardCssProp: true,
|
|
126
128
|
children: /*#__PURE__*/_jsx(Label, {
|
|
127
129
|
textStyle: textStyle,
|
|
128
130
|
...props
|
package/es/Slider.js
CHANGED
package/es/Switch.js
CHANGED
package/es/Tabs.js
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import { tabsAnatomy } from "@ark-ui/anatomy";
|
|
10
9
|
import { Tabs } from "@ark-ui/react";
|
|
11
10
|
import { cx, sva } from "@ndla/styled-system/css";
|
|
12
11
|
import { createStyleContext } from "./createStyleContext";
|
|
13
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
13
|
const tabsRecipe = sva({
|
|
15
|
-
|
|
14
|
+
// TODO: anatomy keys do not work here.
|
|
15
|
+
slots: ["content", "list", "root", "indicator", "trigger"],
|
|
16
16
|
base: {
|
|
17
17
|
root: {
|
|
18
18
|
position: "relative",
|
package/es/Toast.js
CHANGED
|
@@ -57,6 +57,7 @@ export const ToastDescription = _ref => {
|
|
|
57
57
|
} = _ref;
|
|
58
58
|
return /*#__PURE__*/_jsx(InternalToastDescription, {
|
|
59
59
|
asChild: true,
|
|
60
|
+
forwardCssProp: true,
|
|
60
61
|
children: /*#__PURE__*/_jsx(Text, {
|
|
61
62
|
asChild: true,
|
|
62
63
|
textStyle: textStyle,
|
|
@@ -77,6 +78,7 @@ export const ToastTitle = _ref2 => {
|
|
|
77
78
|
} = _ref2;
|
|
78
79
|
return /*#__PURE__*/_jsx(InternalToastTitle, {
|
|
79
80
|
asChild: true,
|
|
81
|
+
forwardCssProp: true,
|
|
80
82
|
children: /*#__PURE__*/_jsx(Text, {
|
|
81
83
|
asChild: true,
|
|
82
84
|
fontWeight: fontWeight,
|
package/es/index.js
CHANGED
|
@@ -6,14 +6,32 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
+
export { AccordionRoot, AccordionItemContent, AccordionItemIndicator, AccordionItem, AccordionItemTrigger } from "./Accordion";
|
|
10
|
+
export { OrderedList, UnOrderedList, DefinitionList } from "./ArticleLists";
|
|
11
|
+
export { Badge } from "./Badge";
|
|
9
12
|
export { BlockQuote } from "./BlockQuote";
|
|
10
13
|
export { Button, IconButton } from "./Button";
|
|
14
|
+
export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput } from "./Checkbox";
|
|
15
|
+
export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogCloseTrigger, DialogHeader, DialogBody } from "./Dialog";
|
|
11
16
|
export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
|
|
12
|
-
export {
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
17
|
+
export { FieldRoot } from "./Field";
|
|
18
|
+
export { FieldErrorMessage } from "./FieldErrorMessage";
|
|
19
|
+
export { FieldHelper } from "./FieldHelper";
|
|
20
|
+
export { FramedContent } from "./FramedContent";
|
|
21
|
+
export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
|
|
22
|
+
export { Label, FieldLabel } from "./Label";
|
|
23
|
+
export { MenuRoot, MenuContent, MenuItemGroupLabel, MenuItemGroup, MenuItem, MenuPositioner, MenuTriggerItem, MenuTrigger, MenuSeparator } from "./Menu";
|
|
24
|
+
export { MessageBox } from "./MessageBox";
|
|
15
25
|
export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
|
|
26
|
+
export { PaginationRoot, PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger } from "./Pagination";
|
|
27
|
+
export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger } from "./Popover";
|
|
28
|
+
export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput } from "./RadioGroup";
|
|
29
|
+
export { Skeleton } from "./Skeleton";
|
|
30
|
+
export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderLabel, SliderHiddenInput } from "./Slider";
|
|
16
31
|
export { Spinner } from "./Spinner";
|
|
32
|
+
export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
|
|
17
33
|
export { Table } from "./Table";
|
|
34
|
+
export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";
|
|
18
35
|
export { Text, Heading } from "./Text";
|
|
19
|
-
export {
|
|
36
|
+
export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
|
|
37
|
+
export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger } from "./Tooltip";
|
package/lib/Checkbox.js
CHANGED
|
@@ -228,6 +228,7 @@ const CheckboxLabel = _ref => {
|
|
|
228
228
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalCheckboxLabel, {
|
|
229
229
|
...props,
|
|
230
230
|
asChild: true,
|
|
231
|
+
forwardCssProp: true,
|
|
231
232
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
232
233
|
textStyle: textStyle,
|
|
233
234
|
children: children
|
package/lib/Dialog.js
CHANGED
|
@@ -292,6 +292,7 @@ const DialogDescription = _ref2 => {
|
|
|
292
292
|
} = _ref2;
|
|
293
293
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalDialogDescription, {
|
|
294
294
|
asChild: true,
|
|
295
|
+
forwardCssProp: true,
|
|
295
296
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
296
297
|
textStyle: textStyle,
|
|
297
298
|
...rest
|
|
@@ -307,6 +308,7 @@ const DialogTitle = _ref3 => {
|
|
|
307
308
|
} = _ref3;
|
|
308
309
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalDialogTitle, {
|
|
309
310
|
asChild: true,
|
|
311
|
+
forwardCssProp: true,
|
|
310
312
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Heading, {
|
|
311
313
|
textStyle: textStyle,
|
|
312
314
|
...rest
|
package/lib/Label.js
CHANGED
|
@@ -26,6 +26,7 @@ const StyledLegend = (0, _jsx2.styled)(_react2.ark.legend, {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
|
+
// TODO: This is not exported for now. Let's wait and see when ark decides to release their legend and fieldset.
|
|
29
30
|
const Legend = exports.Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
30
31
|
let {
|
|
31
32
|
textStyle = "label.medium",
|
package/lib/Menu.d.ts
CHANGED
|
@@ -56,6 +56,7 @@ export declare const MenuItemGroup: import("react").ForwardRefExoticComponent<{
|
|
|
56
56
|
forwardCssProp?: boolean | undefined;
|
|
57
57
|
} & import("@ndla/styled-system/types").WithCss & Menu.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
58
|
export type MenuItemVariantProps = RecipeVariantProps<typeof itemCva>;
|
|
59
|
+
export type MenuItemProps = Menu.ItemProps & JsxStyleProps & MenuItemVariantProps;
|
|
59
60
|
export declare const MenuItem: import("react").ForwardRefExoticComponent<Menu.ItemProps & {
|
|
60
61
|
forwardCssProp?: boolean | undefined;
|
|
61
62
|
} & import("@ndla/styled-system/types").WithCss & {
|
package/lib/Menu.js
CHANGED
|
@@ -161,6 +161,7 @@ const MenuItemGroupLabel = _ref2 => {
|
|
|
161
161
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalMenuItemGroupLabel, {
|
|
162
162
|
...props,
|
|
163
163
|
asChild: true,
|
|
164
|
+
forwardCssProp: true,
|
|
164
165
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
165
166
|
textStyle: textStyle,
|
|
166
167
|
fontWeight: fontWeight,
|
package/lib/RadioGroup.js
CHANGED
|
@@ -110,6 +110,7 @@ const RadioGroupItemText = _ref => {
|
|
|
110
110
|
} = _ref;
|
|
111
111
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalRadioGroupItemText, {
|
|
112
112
|
asChild: true,
|
|
113
|
+
forwardCssProp: true,
|
|
113
114
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
114
115
|
asChild: true,
|
|
115
116
|
textStyle: textStyle,
|
|
@@ -130,6 +131,7 @@ const RadioGroupLabel = exports.RadioGroupLabel = /*#__PURE__*/(0, _react.forwar
|
|
|
130
131
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalRadioGroupLabel, {
|
|
131
132
|
ref: ref,
|
|
132
133
|
asChild: true,
|
|
134
|
+
forwardCssProp: true,
|
|
133
135
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
|
|
134
136
|
textStyle: textStyle,
|
|
135
137
|
...props
|
package/lib/Slider.js
CHANGED
|
@@ -99,6 +99,7 @@ const SliderLabel = _ref => {
|
|
|
99
99
|
} = _ref;
|
|
100
100
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalSliderLabel, {
|
|
101
101
|
asChild: true,
|
|
102
|
+
forwardCssProp: true,
|
|
102
103
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
|
|
103
104
|
textStyle: textStyle,
|
|
104
105
|
...props
|
package/lib/Switch.js
CHANGED
|
@@ -116,6 +116,7 @@ const SwitchLabel = _ref => {
|
|
|
116
116
|
} = _ref;
|
|
117
117
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalSwitchLabel, {
|
|
118
118
|
asChild: true,
|
|
119
|
+
forwardCssProp: true,
|
|
119
120
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
120
121
|
asChild: true,
|
|
121
122
|
textStyle: textStyle,
|
package/lib/Tabs.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TabsTrigger = exports.TabsRoot = exports.TabsList = exports.TabsIndicator = exports.TabsContent = void 0;
|
|
7
|
-
var _anatomy = require("@ark-ui/anatomy");
|
|
8
7
|
var _react = require("@ark-ui/react");
|
|
9
8
|
var _css = require("@ndla/styled-system/css");
|
|
10
9
|
var _createStyleContext = require("./createStyleContext");
|
|
@@ -18,7 +17,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
18
17
|
*/
|
|
19
18
|
|
|
20
19
|
const tabsRecipe = (0, _css.sva)({
|
|
21
|
-
|
|
20
|
+
// TODO: anatomy keys do not work here.
|
|
21
|
+
slots: ["content", "list", "root", "indicator", "trigger"],
|
|
22
22
|
base: {
|
|
23
23
|
root: {
|
|
24
24
|
position: "relative",
|
package/lib/Toast.d.ts
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
import { Toast } from "@ark-ui/react";
|
|
9
9
|
import { JsxStyleProps } from "@ndla/styled-system/types";
|
|
10
10
|
import { TextProps } from "./Text";
|
|
11
|
-
export interface
|
|
11
|
+
export interface ToastRootProps extends Toast.RootProps, JsxStyleProps {
|
|
12
12
|
}
|
|
13
|
-
export declare const ToastRoot: import("react").ForwardRefExoticComponent<
|
|
13
|
+
export declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
14
|
export declare const ToastActionTrigger: import("react").ForwardRefExoticComponent<{
|
|
15
15
|
forwardCssProp?: boolean | undefined;
|
|
16
16
|
} & import("@ndla/styled-system/types").WithCss & Toast.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
package/lib/Toast.js
CHANGED
|
@@ -63,6 +63,7 @@ const ToastDescription = _ref => {
|
|
|
63
63
|
} = _ref;
|
|
64
64
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalToastDescription, {
|
|
65
65
|
asChild: true,
|
|
66
|
+
forwardCssProp: true,
|
|
66
67
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
67
68
|
asChild: true,
|
|
68
69
|
textStyle: textStyle,
|
|
@@ -84,6 +85,7 @@ const ToastTitle = _ref2 => {
|
|
|
84
85
|
} = _ref2;
|
|
85
86
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalToastTitle, {
|
|
86
87
|
asChild: true,
|
|
88
|
+
forwardCssProp: true,
|
|
87
89
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
88
90
|
asChild: true,
|
|
89
91
|
fontWeight: fontWeight,
|
package/lib/index.d.ts
CHANGED
|
@@ -5,24 +5,57 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
+
export type { AccordionRootProps } from "./Accordion";
|
|
9
|
+
export { AccordionRoot, AccordionItemContent, AccordionItemIndicator, AccordionItem, AccordionItemTrigger, } from "./Accordion";
|
|
10
|
+
export type { OrderedListProps, OrderedListVariantProps, UnOrderedListProps, DefinitionListProps, } from "./ArticleLists";
|
|
11
|
+
export { OrderedList, UnOrderedList, DefinitionList } from "./ArticleLists";
|
|
12
|
+
export type { BadgeVariantProps, BadgeProps } from "./Badge";
|
|
13
|
+
export { Badge } from "./Badge";
|
|
8
14
|
export type { BlockQuoteVariantProps, BlockQuoteProps } from "./BlockQuote";
|
|
9
15
|
export { BlockQuote } from "./BlockQuote";
|
|
16
|
+
export type { ButtonProps, ButtonVariantProps, IconButtonProps, IconButtonVariantProps } from "./Button";
|
|
10
17
|
export { Button, IconButton } from "./Button";
|
|
11
|
-
export type {
|
|
12
|
-
export {
|
|
18
|
+
export type { CheckboxVariantProps, CheckboxRootProps } from "./Checkbox";
|
|
19
|
+
export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, } from "./Checkbox";
|
|
20
|
+
export type { DialogVariantProps, DialogRootProps } from "./Dialog";
|
|
21
|
+
export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogCloseTrigger, DialogHeader, DialogBody, } from "./Dialog";
|
|
13
22
|
export type { ExpandableBoxProps, ExpandableBoxSummaryProps } from "./ExpandableBox";
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export
|
|
17
|
-
export {
|
|
18
|
-
export type {
|
|
19
|
-
export {
|
|
23
|
+
export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
|
|
24
|
+
export { FieldRoot } from "./Field";
|
|
25
|
+
export { FieldErrorMessage } from "./FieldErrorMessage";
|
|
26
|
+
export { FieldHelper } from "./FieldHelper";
|
|
27
|
+
export type { FramedContentVariantProps, FramedContentProps } from "./FramedContent";
|
|
28
|
+
export { FramedContent } from "./FramedContent";
|
|
29
|
+
export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
|
|
30
|
+
export type { LabelProps } from "./Label";
|
|
31
|
+
export { Label, FieldLabel } from "./Label";
|
|
32
|
+
export type { MenuRootProps, MenuItemVariantProps, MenuItemProps } from "./Menu";
|
|
33
|
+
export { MenuRoot, MenuContent, MenuItemGroupLabel, MenuItemGroup, MenuItem, MenuPositioner, MenuTriggerItem, MenuTrigger, MenuSeparator, } from "./Menu";
|
|
34
|
+
export type { MessageBoxVariantProps, MessageBoxProps } from "./MessageBox";
|
|
35
|
+
export { MessageBox } from "./MessageBox";
|
|
20
36
|
export type { LogoProps } from "./NdlaLogo";
|
|
37
|
+
export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
|
|
38
|
+
export type { PaginationRootProps } from "./Pagination";
|
|
39
|
+
export { PaginationRoot, PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger, } from "./Pagination";
|
|
40
|
+
export type { PopoverRootProps } from "./Popover";
|
|
41
|
+
export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, } from "./Popover";
|
|
42
|
+
export type { RadioGroupRootProps } from "./RadioGroup";
|
|
43
|
+
export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput, } from "./RadioGroup";
|
|
44
|
+
export type { SkeletonProps } from "./Skeleton";
|
|
45
|
+
export { Skeleton } from "./Skeleton";
|
|
46
|
+
export type { SliderRootProps } from "./Slider";
|
|
47
|
+
export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderLabel, SliderHiddenInput, } from "./Slider";
|
|
48
|
+
export type { SpinnerVariantProps, SpinnerProps } from "./Spinner";
|
|
21
49
|
export { Spinner } from "./Spinner";
|
|
22
|
-
export type {
|
|
23
|
-
export {
|
|
50
|
+
export type { SwitchVariantProps, SwitchRootProps } from "./Switch";
|
|
51
|
+
export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
|
|
24
52
|
export type { TableProps } from "./Table";
|
|
25
|
-
export {
|
|
53
|
+
export { Table } from "./Table";
|
|
54
|
+
export type { TabsVariantProps, TabsRootProps } from "./Tabs";
|
|
55
|
+
export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";
|
|
26
56
|
export type { TextProps } from "./Text";
|
|
27
|
-
export
|
|
28
|
-
export {
|
|
57
|
+
export { Text, Heading } from "./Text";
|
|
58
|
+
export type { ToastRootProps } from "./Toast";
|
|
59
|
+
export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
|
|
60
|
+
export type { TooltipRootProps } from "./Tooltip";
|
|
61
|
+
export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger, } from "./Tooltip";
|
package/lib/index.js
CHANGED
|
@@ -3,6 +3,42 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "AccordionItem", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Accordion.AccordionItem;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AccordionItemContent", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Accordion.AccordionItemContent;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "AccordionItemIndicator", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Accordion.AccordionItemIndicator;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "AccordionItemTrigger", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _Accordion.AccordionItemTrigger;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "AccordionRoot", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _Accordion.AccordionRoot;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "Badge", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _Badge.Badge;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
6
42
|
Object.defineProperty(exports, "BlockQuote", {
|
|
7
43
|
enumerable: true,
|
|
8
44
|
get: function () {
|
|
@@ -15,6 +51,114 @@ Object.defineProperty(exports, "Button", {
|
|
|
15
51
|
return _Button.Button;
|
|
16
52
|
}
|
|
17
53
|
});
|
|
54
|
+
Object.defineProperty(exports, "CheckboxControl", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _Checkbox.CheckboxControl;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "CheckboxGroup", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _Checkbox.CheckboxGroup;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "CheckboxHiddenInput", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _Checkbox.CheckboxHiddenInput;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "CheckboxIndicator", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _Checkbox.CheckboxIndicator;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "CheckboxLabel", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _Checkbox.CheckboxLabel;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "CheckboxRoot", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _Checkbox.CheckboxRoot;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "DefinitionList", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _ArticleLists.DefinitionList;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "DialogBackdrop", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _Dialog.DialogBackdrop;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "DialogBody", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _Dialog.DialogBody;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "DialogCloseTrigger", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _Dialog.DialogCloseTrigger;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "DialogContent", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return _Dialog.DialogContent;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "DialogDescription", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _Dialog.DialogDescription;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "DialogHeader", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function () {
|
|
129
|
+
return _Dialog.DialogHeader;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "DialogPositioner", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function () {
|
|
135
|
+
return _Dialog.DialogPositioner;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
Object.defineProperty(exports, "DialogRoot", {
|
|
139
|
+
enumerable: true,
|
|
140
|
+
get: function () {
|
|
141
|
+
return _Dialog.DialogRoot;
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
Object.defineProperty(exports, "DialogStandaloneContent", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function () {
|
|
147
|
+
return _Dialog.DialogStandaloneContent;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
Object.defineProperty(exports, "DialogTitle", {
|
|
151
|
+
enumerable: true,
|
|
152
|
+
get: function () {
|
|
153
|
+
return _Dialog.DialogTitle;
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
Object.defineProperty(exports, "DialogTrigger", {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
get: function () {
|
|
159
|
+
return _Dialog.DialogTrigger;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
18
162
|
Object.defineProperty(exports, "ExpandableBox", {
|
|
19
163
|
enumerable: true,
|
|
20
164
|
get: function () {
|
|
@@ -27,16 +171,52 @@ Object.defineProperty(exports, "ExpandableBoxSummary", {
|
|
|
27
171
|
return _ExpandableBox.ExpandableBoxSummary;
|
|
28
172
|
}
|
|
29
173
|
});
|
|
30
|
-
Object.defineProperty(exports, "
|
|
174
|
+
Object.defineProperty(exports, "FieldErrorMessage", {
|
|
31
175
|
enumerable: true,
|
|
32
176
|
get: function () {
|
|
33
|
-
return
|
|
177
|
+
return _FieldErrorMessage.FieldErrorMessage;
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
Object.defineProperty(exports, "FieldHelper", {
|
|
181
|
+
enumerable: true,
|
|
182
|
+
get: function () {
|
|
183
|
+
return _FieldHelper.FieldHelper;
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
Object.defineProperty(exports, "FieldInput", {
|
|
187
|
+
enumerable: true,
|
|
188
|
+
get: function () {
|
|
189
|
+
return _Input.FieldInput;
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
Object.defineProperty(exports, "FieldLabel", {
|
|
193
|
+
enumerable: true,
|
|
194
|
+
get: function () {
|
|
195
|
+
return _Label.FieldLabel;
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
Object.defineProperty(exports, "FieldRoot", {
|
|
199
|
+
enumerable: true,
|
|
200
|
+
get: function () {
|
|
201
|
+
return _Field.FieldRoot;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
Object.defineProperty(exports, "FieldTextArea", {
|
|
205
|
+
enumerable: true,
|
|
206
|
+
get: function () {
|
|
207
|
+
return _Input.FieldTextArea;
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
Object.defineProperty(exports, "FramedContent", {
|
|
211
|
+
enumerable: true,
|
|
212
|
+
get: function () {
|
|
213
|
+
return _FramedContent.FramedContent;
|
|
34
214
|
}
|
|
35
215
|
});
|
|
36
|
-
Object.defineProperty(exports, "
|
|
216
|
+
Object.defineProperty(exports, "Heading", {
|
|
37
217
|
enumerable: true,
|
|
38
218
|
get: function () {
|
|
39
|
-
return
|
|
219
|
+
return _Text.Heading;
|
|
40
220
|
}
|
|
41
221
|
});
|
|
42
222
|
Object.defineProperty(exports, "IconButton", {
|
|
@@ -57,6 +237,66 @@ Object.defineProperty(exports, "InputContainer", {
|
|
|
57
237
|
return _Input.InputContainer;
|
|
58
238
|
}
|
|
59
239
|
});
|
|
240
|
+
Object.defineProperty(exports, "Label", {
|
|
241
|
+
enumerable: true,
|
|
242
|
+
get: function () {
|
|
243
|
+
return _Label.Label;
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
Object.defineProperty(exports, "MenuContent", {
|
|
247
|
+
enumerable: true,
|
|
248
|
+
get: function () {
|
|
249
|
+
return _Menu.MenuContent;
|
|
250
|
+
}
|
|
251
|
+
});
|
|
252
|
+
Object.defineProperty(exports, "MenuItem", {
|
|
253
|
+
enumerable: true,
|
|
254
|
+
get: function () {
|
|
255
|
+
return _Menu.MenuItem;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
258
|
+
Object.defineProperty(exports, "MenuItemGroup", {
|
|
259
|
+
enumerable: true,
|
|
260
|
+
get: function () {
|
|
261
|
+
return _Menu.MenuItemGroup;
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
Object.defineProperty(exports, "MenuItemGroupLabel", {
|
|
265
|
+
enumerable: true,
|
|
266
|
+
get: function () {
|
|
267
|
+
return _Menu.MenuItemGroupLabel;
|
|
268
|
+
}
|
|
269
|
+
});
|
|
270
|
+
Object.defineProperty(exports, "MenuPositioner", {
|
|
271
|
+
enumerable: true,
|
|
272
|
+
get: function () {
|
|
273
|
+
return _Menu.MenuPositioner;
|
|
274
|
+
}
|
|
275
|
+
});
|
|
276
|
+
Object.defineProperty(exports, "MenuRoot", {
|
|
277
|
+
enumerable: true,
|
|
278
|
+
get: function () {
|
|
279
|
+
return _Menu.MenuRoot;
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
Object.defineProperty(exports, "MenuSeparator", {
|
|
283
|
+
enumerable: true,
|
|
284
|
+
get: function () {
|
|
285
|
+
return _Menu.MenuSeparator;
|
|
286
|
+
}
|
|
287
|
+
});
|
|
288
|
+
Object.defineProperty(exports, "MenuTrigger", {
|
|
289
|
+
enumerable: true,
|
|
290
|
+
get: function () {
|
|
291
|
+
return _Menu.MenuTrigger;
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
Object.defineProperty(exports, "MenuTriggerItem", {
|
|
295
|
+
enumerable: true,
|
|
296
|
+
get: function () {
|
|
297
|
+
return _Menu.MenuTriggerItem;
|
|
298
|
+
}
|
|
299
|
+
});
|
|
60
300
|
Object.defineProperty(exports, "MessageBox", {
|
|
61
301
|
enumerable: true,
|
|
62
302
|
get: function () {
|
|
@@ -87,18 +327,276 @@ Object.defineProperty(exports, "OrderedList", {
|
|
|
87
327
|
return _ArticleLists.OrderedList;
|
|
88
328
|
}
|
|
89
329
|
});
|
|
330
|
+
Object.defineProperty(exports, "PaginationEllipsis", {
|
|
331
|
+
enumerable: true,
|
|
332
|
+
get: function () {
|
|
333
|
+
return _Pagination.PaginationEllipsis;
|
|
334
|
+
}
|
|
335
|
+
});
|
|
336
|
+
Object.defineProperty(exports, "PaginationItem", {
|
|
337
|
+
enumerable: true,
|
|
338
|
+
get: function () {
|
|
339
|
+
return _Pagination.PaginationItem;
|
|
340
|
+
}
|
|
341
|
+
});
|
|
342
|
+
Object.defineProperty(exports, "PaginationNextTrigger", {
|
|
343
|
+
enumerable: true,
|
|
344
|
+
get: function () {
|
|
345
|
+
return _Pagination.PaginationNextTrigger;
|
|
346
|
+
}
|
|
347
|
+
});
|
|
348
|
+
Object.defineProperty(exports, "PaginationPrevTrigger", {
|
|
349
|
+
enumerable: true,
|
|
350
|
+
get: function () {
|
|
351
|
+
return _Pagination.PaginationPrevTrigger;
|
|
352
|
+
}
|
|
353
|
+
});
|
|
354
|
+
Object.defineProperty(exports, "PaginationRoot", {
|
|
355
|
+
enumerable: true,
|
|
356
|
+
get: function () {
|
|
357
|
+
return _Pagination.PaginationRoot;
|
|
358
|
+
}
|
|
359
|
+
});
|
|
360
|
+
Object.defineProperty(exports, "PopoverAnchor", {
|
|
361
|
+
enumerable: true,
|
|
362
|
+
get: function () {
|
|
363
|
+
return _Popover.PopoverAnchor;
|
|
364
|
+
}
|
|
365
|
+
});
|
|
366
|
+
Object.defineProperty(exports, "PopoverArrow", {
|
|
367
|
+
enumerable: true,
|
|
368
|
+
get: function () {
|
|
369
|
+
return _Popover.PopoverArrow;
|
|
370
|
+
}
|
|
371
|
+
});
|
|
372
|
+
Object.defineProperty(exports, "PopoverArrowStandalone", {
|
|
373
|
+
enumerable: true,
|
|
374
|
+
get: function () {
|
|
375
|
+
return _Popover.PopoverArrowStandalone;
|
|
376
|
+
}
|
|
377
|
+
});
|
|
378
|
+
Object.defineProperty(exports, "PopoverArrowTip", {
|
|
379
|
+
enumerable: true,
|
|
380
|
+
get: function () {
|
|
381
|
+
return _Popover.PopoverArrowTip;
|
|
382
|
+
}
|
|
383
|
+
});
|
|
384
|
+
Object.defineProperty(exports, "PopoverCloseTrigger", {
|
|
385
|
+
enumerable: true,
|
|
386
|
+
get: function () {
|
|
387
|
+
return _Popover.PopoverCloseTrigger;
|
|
388
|
+
}
|
|
389
|
+
});
|
|
390
|
+
Object.defineProperty(exports, "PopoverContent", {
|
|
391
|
+
enumerable: true,
|
|
392
|
+
get: function () {
|
|
393
|
+
return _Popover.PopoverContent;
|
|
394
|
+
}
|
|
395
|
+
});
|
|
396
|
+
Object.defineProperty(exports, "PopoverContentStandalone", {
|
|
397
|
+
enumerable: true,
|
|
398
|
+
get: function () {
|
|
399
|
+
return _Popover.PopoverContentStandalone;
|
|
400
|
+
}
|
|
401
|
+
});
|
|
402
|
+
Object.defineProperty(exports, "PopoverDescription", {
|
|
403
|
+
enumerable: true,
|
|
404
|
+
get: function () {
|
|
405
|
+
return _Popover.PopoverDescription;
|
|
406
|
+
}
|
|
407
|
+
});
|
|
408
|
+
Object.defineProperty(exports, "PopoverIndicator", {
|
|
409
|
+
enumerable: true,
|
|
410
|
+
get: function () {
|
|
411
|
+
return _Popover.PopoverIndicator;
|
|
412
|
+
}
|
|
413
|
+
});
|
|
414
|
+
Object.defineProperty(exports, "PopoverPositioner", {
|
|
415
|
+
enumerable: true,
|
|
416
|
+
get: function () {
|
|
417
|
+
return _Popover.PopoverPositioner;
|
|
418
|
+
}
|
|
419
|
+
});
|
|
420
|
+
Object.defineProperty(exports, "PopoverRoot", {
|
|
421
|
+
enumerable: true,
|
|
422
|
+
get: function () {
|
|
423
|
+
return _Popover.PopoverRoot;
|
|
424
|
+
}
|
|
425
|
+
});
|
|
426
|
+
Object.defineProperty(exports, "PopoverTitle", {
|
|
427
|
+
enumerable: true,
|
|
428
|
+
get: function () {
|
|
429
|
+
return _Popover.PopoverTitle;
|
|
430
|
+
}
|
|
431
|
+
});
|
|
432
|
+
Object.defineProperty(exports, "PopoverTrigger", {
|
|
433
|
+
enumerable: true,
|
|
434
|
+
get: function () {
|
|
435
|
+
return _Popover.PopoverTrigger;
|
|
436
|
+
}
|
|
437
|
+
});
|
|
438
|
+
Object.defineProperty(exports, "RadioGroupIndicator", {
|
|
439
|
+
enumerable: true,
|
|
440
|
+
get: function () {
|
|
441
|
+
return _RadioGroup.RadioGroupIndicator;
|
|
442
|
+
}
|
|
443
|
+
});
|
|
444
|
+
Object.defineProperty(exports, "RadioGroupItem", {
|
|
445
|
+
enumerable: true,
|
|
446
|
+
get: function () {
|
|
447
|
+
return _RadioGroup.RadioGroupItem;
|
|
448
|
+
}
|
|
449
|
+
});
|
|
450
|
+
Object.defineProperty(exports, "RadioGroupItemControl", {
|
|
451
|
+
enumerable: true,
|
|
452
|
+
get: function () {
|
|
453
|
+
return _RadioGroup.RadioGroupItemControl;
|
|
454
|
+
}
|
|
455
|
+
});
|
|
456
|
+
Object.defineProperty(exports, "RadioGroupItemHiddenInput", {
|
|
457
|
+
enumerable: true,
|
|
458
|
+
get: function () {
|
|
459
|
+
return _RadioGroup.RadioGroupItemHiddenInput;
|
|
460
|
+
}
|
|
461
|
+
});
|
|
462
|
+
Object.defineProperty(exports, "RadioGroupItemText", {
|
|
463
|
+
enumerable: true,
|
|
464
|
+
get: function () {
|
|
465
|
+
return _RadioGroup.RadioGroupItemText;
|
|
466
|
+
}
|
|
467
|
+
});
|
|
468
|
+
Object.defineProperty(exports, "RadioGroupLabel", {
|
|
469
|
+
enumerable: true,
|
|
470
|
+
get: function () {
|
|
471
|
+
return _RadioGroup.RadioGroupLabel;
|
|
472
|
+
}
|
|
473
|
+
});
|
|
474
|
+
Object.defineProperty(exports, "RadioGroupRoot", {
|
|
475
|
+
enumerable: true,
|
|
476
|
+
get: function () {
|
|
477
|
+
return _RadioGroup.RadioGroupRoot;
|
|
478
|
+
}
|
|
479
|
+
});
|
|
480
|
+
Object.defineProperty(exports, "Skeleton", {
|
|
481
|
+
enumerable: true,
|
|
482
|
+
get: function () {
|
|
483
|
+
return _Skeleton.Skeleton;
|
|
484
|
+
}
|
|
485
|
+
});
|
|
486
|
+
Object.defineProperty(exports, "SliderControl", {
|
|
487
|
+
enumerable: true,
|
|
488
|
+
get: function () {
|
|
489
|
+
return _Slider.SliderControl;
|
|
490
|
+
}
|
|
491
|
+
});
|
|
492
|
+
Object.defineProperty(exports, "SliderHiddenInput", {
|
|
493
|
+
enumerable: true,
|
|
494
|
+
get: function () {
|
|
495
|
+
return _Slider.SliderHiddenInput;
|
|
496
|
+
}
|
|
497
|
+
});
|
|
498
|
+
Object.defineProperty(exports, "SliderLabel", {
|
|
499
|
+
enumerable: true,
|
|
500
|
+
get: function () {
|
|
501
|
+
return _Slider.SliderLabel;
|
|
502
|
+
}
|
|
503
|
+
});
|
|
504
|
+
Object.defineProperty(exports, "SliderRange", {
|
|
505
|
+
enumerable: true,
|
|
506
|
+
get: function () {
|
|
507
|
+
return _Slider.SliderRange;
|
|
508
|
+
}
|
|
509
|
+
});
|
|
510
|
+
Object.defineProperty(exports, "SliderRoot", {
|
|
511
|
+
enumerable: true,
|
|
512
|
+
get: function () {
|
|
513
|
+
return _Slider.SliderRoot;
|
|
514
|
+
}
|
|
515
|
+
});
|
|
516
|
+
Object.defineProperty(exports, "SliderThumb", {
|
|
517
|
+
enumerable: true,
|
|
518
|
+
get: function () {
|
|
519
|
+
return _Slider.SliderThumb;
|
|
520
|
+
}
|
|
521
|
+
});
|
|
522
|
+
Object.defineProperty(exports, "SliderTrack", {
|
|
523
|
+
enumerable: true,
|
|
524
|
+
get: function () {
|
|
525
|
+
return _Slider.SliderTrack;
|
|
526
|
+
}
|
|
527
|
+
});
|
|
90
528
|
Object.defineProperty(exports, "Spinner", {
|
|
91
529
|
enumerable: true,
|
|
92
530
|
get: function () {
|
|
93
531
|
return _Spinner.Spinner;
|
|
94
532
|
}
|
|
95
533
|
});
|
|
534
|
+
Object.defineProperty(exports, "SwitchControl", {
|
|
535
|
+
enumerable: true,
|
|
536
|
+
get: function () {
|
|
537
|
+
return _Switch.SwitchControl;
|
|
538
|
+
}
|
|
539
|
+
});
|
|
540
|
+
Object.defineProperty(exports, "SwitchHiddenInput", {
|
|
541
|
+
enumerable: true,
|
|
542
|
+
get: function () {
|
|
543
|
+
return _Switch.SwitchHiddenInput;
|
|
544
|
+
}
|
|
545
|
+
});
|
|
546
|
+
Object.defineProperty(exports, "SwitchLabel", {
|
|
547
|
+
enumerable: true,
|
|
548
|
+
get: function () {
|
|
549
|
+
return _Switch.SwitchLabel;
|
|
550
|
+
}
|
|
551
|
+
});
|
|
552
|
+
Object.defineProperty(exports, "SwitchRoot", {
|
|
553
|
+
enumerable: true,
|
|
554
|
+
get: function () {
|
|
555
|
+
return _Switch.SwitchRoot;
|
|
556
|
+
}
|
|
557
|
+
});
|
|
558
|
+
Object.defineProperty(exports, "SwitchThumb", {
|
|
559
|
+
enumerable: true,
|
|
560
|
+
get: function () {
|
|
561
|
+
return _Switch.SwitchThumb;
|
|
562
|
+
}
|
|
563
|
+
});
|
|
96
564
|
Object.defineProperty(exports, "Table", {
|
|
97
565
|
enumerable: true,
|
|
98
566
|
get: function () {
|
|
99
567
|
return _Table.Table;
|
|
100
568
|
}
|
|
101
569
|
});
|
|
570
|
+
Object.defineProperty(exports, "TabsContent", {
|
|
571
|
+
enumerable: true,
|
|
572
|
+
get: function () {
|
|
573
|
+
return _Tabs.TabsContent;
|
|
574
|
+
}
|
|
575
|
+
});
|
|
576
|
+
Object.defineProperty(exports, "TabsIndicator", {
|
|
577
|
+
enumerable: true,
|
|
578
|
+
get: function () {
|
|
579
|
+
return _Tabs.TabsIndicator;
|
|
580
|
+
}
|
|
581
|
+
});
|
|
582
|
+
Object.defineProperty(exports, "TabsList", {
|
|
583
|
+
enumerable: true,
|
|
584
|
+
get: function () {
|
|
585
|
+
return _Tabs.TabsList;
|
|
586
|
+
}
|
|
587
|
+
});
|
|
588
|
+
Object.defineProperty(exports, "TabsRoot", {
|
|
589
|
+
enumerable: true,
|
|
590
|
+
get: function () {
|
|
591
|
+
return _Tabs.TabsRoot;
|
|
592
|
+
}
|
|
593
|
+
});
|
|
594
|
+
Object.defineProperty(exports, "TabsTrigger", {
|
|
595
|
+
enumerable: true,
|
|
596
|
+
get: function () {
|
|
597
|
+
return _Tabs.TabsTrigger;
|
|
598
|
+
}
|
|
599
|
+
});
|
|
102
600
|
Object.defineProperty(exports, "Text", {
|
|
103
601
|
enumerable: true,
|
|
104
602
|
get: function () {
|
|
@@ -111,20 +609,110 @@ Object.defineProperty(exports, "TextArea", {
|
|
|
111
609
|
return _Input.TextArea;
|
|
112
610
|
}
|
|
113
611
|
});
|
|
612
|
+
Object.defineProperty(exports, "ToastActionTrigger", {
|
|
613
|
+
enumerable: true,
|
|
614
|
+
get: function () {
|
|
615
|
+
return _Toast.ToastActionTrigger;
|
|
616
|
+
}
|
|
617
|
+
});
|
|
618
|
+
Object.defineProperty(exports, "ToastCloseTrigger", {
|
|
619
|
+
enumerable: true,
|
|
620
|
+
get: function () {
|
|
621
|
+
return _Toast.ToastCloseTrigger;
|
|
622
|
+
}
|
|
623
|
+
});
|
|
624
|
+
Object.defineProperty(exports, "ToastDescription", {
|
|
625
|
+
enumerable: true,
|
|
626
|
+
get: function () {
|
|
627
|
+
return _Toast.ToastDescription;
|
|
628
|
+
}
|
|
629
|
+
});
|
|
630
|
+
Object.defineProperty(exports, "ToastRoot", {
|
|
631
|
+
enumerable: true,
|
|
632
|
+
get: function () {
|
|
633
|
+
return _Toast.ToastRoot;
|
|
634
|
+
}
|
|
635
|
+
});
|
|
636
|
+
Object.defineProperty(exports, "ToastTitle", {
|
|
637
|
+
enumerable: true,
|
|
638
|
+
get: function () {
|
|
639
|
+
return _Toast.ToastTitle;
|
|
640
|
+
}
|
|
641
|
+
});
|
|
642
|
+
Object.defineProperty(exports, "TooltipArrow", {
|
|
643
|
+
enumerable: true,
|
|
644
|
+
get: function () {
|
|
645
|
+
return _Tooltip.TooltipArrow;
|
|
646
|
+
}
|
|
647
|
+
});
|
|
648
|
+
Object.defineProperty(exports, "TooltipArrowTip", {
|
|
649
|
+
enumerable: true,
|
|
650
|
+
get: function () {
|
|
651
|
+
return _Tooltip.TooltipArrowTip;
|
|
652
|
+
}
|
|
653
|
+
});
|
|
654
|
+
Object.defineProperty(exports, "TooltipContent", {
|
|
655
|
+
enumerable: true,
|
|
656
|
+
get: function () {
|
|
657
|
+
return _Tooltip.TooltipContent;
|
|
658
|
+
}
|
|
659
|
+
});
|
|
660
|
+
Object.defineProperty(exports, "TooltipContentStandalone", {
|
|
661
|
+
enumerable: true,
|
|
662
|
+
get: function () {
|
|
663
|
+
return _Tooltip.TooltipContentStandalone;
|
|
664
|
+
}
|
|
665
|
+
});
|
|
666
|
+
Object.defineProperty(exports, "TooltipPositioner", {
|
|
667
|
+
enumerable: true,
|
|
668
|
+
get: function () {
|
|
669
|
+
return _Tooltip.TooltipPositioner;
|
|
670
|
+
}
|
|
671
|
+
});
|
|
672
|
+
Object.defineProperty(exports, "TooltipRoot", {
|
|
673
|
+
enumerable: true,
|
|
674
|
+
get: function () {
|
|
675
|
+
return _Tooltip.TooltipRoot;
|
|
676
|
+
}
|
|
677
|
+
});
|
|
678
|
+
Object.defineProperty(exports, "TooltipTrigger", {
|
|
679
|
+
enumerable: true,
|
|
680
|
+
get: function () {
|
|
681
|
+
return _Tooltip.TooltipTrigger;
|
|
682
|
+
}
|
|
683
|
+
});
|
|
114
684
|
Object.defineProperty(exports, "UnOrderedList", {
|
|
115
685
|
enumerable: true,
|
|
116
686
|
get: function () {
|
|
117
687
|
return _ArticleLists.UnOrderedList;
|
|
118
688
|
}
|
|
119
689
|
});
|
|
690
|
+
var _Accordion = require("./Accordion");
|
|
691
|
+
var _ArticleLists = require("./ArticleLists");
|
|
692
|
+
var _Badge = require("./Badge");
|
|
120
693
|
var _BlockQuote = require("./BlockQuote");
|
|
121
694
|
var _Button = require("./Button");
|
|
695
|
+
var _Checkbox = require("./Checkbox");
|
|
696
|
+
var _Dialog = require("./Dialog");
|
|
122
697
|
var _ExpandableBox = require("./ExpandableBox");
|
|
698
|
+
var _Field = require("./Field");
|
|
699
|
+
var _FieldErrorMessage = require("./FieldErrorMessage");
|
|
700
|
+
var _FieldHelper = require("./FieldHelper");
|
|
701
|
+
var _FramedContent = require("./FramedContent");
|
|
123
702
|
var _Input = require("./Input");
|
|
124
|
-
var
|
|
125
|
-
var
|
|
703
|
+
var _Label = require("./Label");
|
|
704
|
+
var _Menu = require("./Menu");
|
|
705
|
+
var _MessageBox = require("./MessageBox");
|
|
126
706
|
var _NdlaLogo = require("./NdlaLogo");
|
|
707
|
+
var _Pagination = require("./Pagination");
|
|
708
|
+
var _Popover = require("./Popover");
|
|
709
|
+
var _RadioGroup = require("./RadioGroup");
|
|
710
|
+
var _Skeleton = require("./Skeleton");
|
|
711
|
+
var _Slider = require("./Slider");
|
|
127
712
|
var _Spinner = require("./Spinner");
|
|
713
|
+
var _Switch = require("./Switch");
|
|
128
714
|
var _Table = require("./Table");
|
|
715
|
+
var _Tabs = require("./Tabs");
|
|
129
716
|
var _Text = require("./Text");
|
|
130
|
-
var
|
|
717
|
+
var _Toast = require("./Toast");
|
|
718
|
+
var _Tooltip = require("./Tooltip");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/primitives",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "Primitive components for NDLA",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@ndla/util": "^4.0.4"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@ndla/preset-panda": "^0.0.
|
|
37
|
+
"@ndla/preset-panda": "^0.0.5",
|
|
38
38
|
"@pandacss/dev": "^0.40.1"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"publishConfig": {
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "dd4b2b6ce225256191f8245096e5514a80588a57"
|
|
48
48
|
}
|