@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.
@@ -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
- "flexDirection]___[value:column]___[cond:_horizontal",
443
- "flexDirection]___[value:row]___[cond:_vertical",
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
- .white-space_nowrap {
744
- white-space: nowrap;
747
+ .ring_4px_solid {
748
+ outline: 4px solid;
745
749
  }
746
750
 
747
- .p_xsmall {
748
- padding: var(--spacing-xsmall);
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\:rounded_unset:is(:focus-visible, [data-focus-visible]) {
1609
- border-radius: unset;
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
- .focusVisible\:shadow_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
1617
- box-shadow: 0 0 0 3px var(--shadow-color);
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
@@ -222,6 +222,7 @@ export const CheckboxLabel = _ref => {
222
222
  return /*#__PURE__*/_jsx(InternalCheckboxLabel, {
223
223
  ...props,
224
224
  asChild: true,
225
+ forwardCssProp: true,
225
226
  children: /*#__PURE__*/_jsx(Text, {
226
227
  textStyle: textStyle,
227
228
  children: children
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
@@ -93,6 +93,7 @@ export const SliderLabel = _ref => {
93
93
  } = _ref;
94
94
  return /*#__PURE__*/_jsx(InternalSliderLabel, {
95
95
  asChild: true,
96
+ forwardCssProp: true,
96
97
  children: /*#__PURE__*/_jsx(Label, {
97
98
  textStyle: textStyle,
98
99
  ...props
package/es/Switch.js CHANGED
@@ -110,6 +110,7 @@ export const SwitchLabel = _ref => {
110
110
  } = _ref;
111
111
  return /*#__PURE__*/_jsx(InternalSwitchLabel, {
112
112
  asChild: true,
113
+ forwardCssProp: true,
113
114
  children: /*#__PURE__*/_jsx(Text, {
114
115
  asChild: true,
115
116
  textStyle: textStyle,
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
- slots: tabsAnatomy.keys(),
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 { Input, InputContainer, TextArea } from "./Input";
13
- export { OrderedList, UnOrderedList } from "./ArticleLists";
14
- export { Icon } from "./Icon";
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 { MessageBox } from "./MessageBox";
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
- slots: _anatomy.tabsAnatomy.keys(),
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 RootProps extends Toast.RootProps, JsxStyleProps {
11
+ export interface ToastRootProps extends Toast.RootProps, JsxStyleProps {
12
12
  }
13
- export declare const ToastRoot: import("react").ForwardRefExoticComponent<RootProps & import("react").RefAttributes<HTMLDivElement>>;
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 { ButtonProps, IconButtonProps } from "./Button";
12
- export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
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 { Input, InputContainer, TextArea } from "./Input";
15
- export { OrderedList, UnOrderedList } from "./ArticleLists";
16
- export type { OrderedListProps, OrderedListVariantProps, UnOrderedListProps } from "./ArticleLists";
17
- export { Icon } from "./Icon";
18
- export type { IconProps } from "./Icon";
19
- export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
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 { SpinnerProps } from "./Spinner";
23
- export { Table } from "./Table";
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 { Text, Heading } from "./Text";
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 type { MessageBoxVariantProps, MessageBoxProps } from "./MessageBox";
28
- export { MessageBox } from "./MessageBox";
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, "Heading", {
174
+ Object.defineProperty(exports, "FieldErrorMessage", {
31
175
  enumerable: true,
32
176
  get: function () {
33
- return _Text.Heading;
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, "Icon", {
216
+ Object.defineProperty(exports, "Heading", {
37
217
  enumerable: true,
38
218
  get: function () {
39
- return _Icon.Icon;
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 _ArticleLists = require("./ArticleLists");
125
- var _Icon = require("./Icon");
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 _MessageBox = require("./MessageBox");
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.6",
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.3",
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": "4110ea1c6d36be95a99f4c1b47f8cf3b5c4ccb8b"
47
+ "gitHead": "dd4b2b6ce225256191f8245096e5514a80588a57"
48
48
  }