@telicent-oss/ds 0.15.0 → 0.15.1

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/ds.js CHANGED
@@ -61058,42 +61058,6 @@ const Modal2 = ({
61058
61058
  children2
61059
61059
  ] }) });
61060
61060
  };
61061
- const propCheckErrorDefault = (problem) => {
61062
- if (process.env.NODE_ENV === "production") {
61063
- console.warn(problem);
61064
- } else {
61065
- throw new Error(problem);
61066
- }
61067
- };
61068
- const SocketedText = ({
61069
- children: children2,
61070
- beforeItem,
61071
- afterItem,
61072
- beforeItemSX,
61073
- afterItemSX,
61074
- component = "span",
61075
- href,
61076
- containerSX,
61077
- propCheckError = propCheckErrorDefault,
61078
- ...rest
61079
- }) => {
61080
- if (component === "a" && !href) {
61081
- propCheckError('SocketedText: When using component="a", the "href" prop is required.');
61082
- }
61083
- if (beforeItem === void 0 && afterItem === void 0) {
61084
- propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
61085
- }
61086
- return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
61087
- display: "inline-flex",
61088
- alignItems: "center",
61089
- gap: 1,
61090
- ...containerSX
61091
- }, children: [
61092
- beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
61093
- /* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
61094
- afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
61095
- ] }) });
61096
- };
61097
61061
  export {
61098
61062
  AppBar2 as AppBar,
61099
61063
  AppChrome,
@@ -61157,7 +61121,6 @@ export {
61157
61121
  SearchIcon,
61158
61122
  SearchResults,
61159
61123
  Skeleton2 as Skeleton,
61160
- SocketedText,
61161
61124
  TeliAddIcon,
61162
61125
  TeliAutocomplete,
61163
61126
  TeliBasicLayout,
@@ -61216,7 +61179,6 @@ export {
61216
61179
  UserProfileContent,
61217
61180
  UserStatus,
61218
61181
  checkOntology,
61219
- propCheckErrorDefault,
61220
61182
  useDebounce,
61221
61183
  useExtendedTheme,
61222
61184
  useFloatingPanels
package/dist/ds.umd.cjs CHANGED
@@ -61076,42 +61076,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
61076
61076
  children2
61077
61077
  ] }) });
61078
61078
  };
61079
- const propCheckErrorDefault = (problem) => {
61080
- if (process.env.NODE_ENV === "production") {
61081
- console.warn(problem);
61082
- } else {
61083
- throw new Error(problem);
61084
- }
61085
- };
61086
- const SocketedText = ({
61087
- children: children2,
61088
- beforeItem,
61089
- afterItem,
61090
- beforeItemSX,
61091
- afterItemSX,
61092
- component = "span",
61093
- href,
61094
- containerSX,
61095
- propCheckError = propCheckErrorDefault,
61096
- ...rest
61097
- }) => {
61098
- if (component === "a" && !href) {
61099
- propCheckError('SocketedText: When using component="a", the "href" prop is required.');
61100
- }
61101
- if (beforeItem === void 0 && afterItem === void 0) {
61102
- propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
61103
- }
61104
- return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
61105
- display: "inline-flex",
61106
- alignItems: "center",
61107
- gap: 1,
61108
- ...containerSX
61109
- }, children: [
61110
- beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
61111
- /* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
61112
- afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
61113
- ] }) });
61114
- };
61115
61079
  exports2.AppBar = AppBar;
61116
61080
  exports2.AppChrome = AppChrome;
61117
61081
  exports2.AppSwitch = AppSwitch$1;
@@ -61174,7 +61138,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
61174
61138
  exports2.SearchIcon = SearchIcon;
61175
61139
  exports2.SearchResults = SearchResults;
61176
61140
  exports2.Skeleton = Skeleton;
61177
- exports2.SocketedText = SocketedText;
61178
61141
  exports2.TeliAddIcon = TeliAddIcon;
61179
61142
  exports2.TeliAutocomplete = TeliAutocomplete;
61180
61143
  exports2.TeliBasicLayout = TeliBasicLayout;
@@ -61233,7 +61196,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
61233
61196
  exports2.UserProfileContent = UserProfileContent;
61234
61197
  exports2.UserStatus = UserStatus;
61235
61198
  exports2.checkOntology = checkOntology;
61236
- exports2.propCheckErrorDefault = propCheckErrorDefault;
61237
61199
  exports2.useDebounce = useDebounce;
61238
61200
  exports2.useExtendedTheme = useExtendedTheme;
61239
61201
  exports2.useFloatingPanels = useFloatingPanels;
@@ -12,4 +12,3 @@ export * from './v1/components/layout';
12
12
  export * from './v1/components/surfaces';
13
13
  export * from './v1/theme';
14
14
  export { Modal, type ModalProps } from './v1/components/utils/index';
15
- export * from './component-library/components/data-display/SocketedText';
@@ -318,7 +318,10 @@ export default meta;
318
318
  type Story = StoryObj<typeof meta>;
319
319
  export declare const Primary: Story;
320
320
  export declare const Secondary: Story;
321
+ export declare const DisableElevation: Story;
321
322
  export declare const Tertiary: Story;
323
+ export declare const Link: Story;
324
+ export declare const Text: Story;
322
325
  export declare const Sizing: Story;
323
326
  export declare const WithIconsAndLabel: Story;
324
327
  export declare const FullWidth: Story;
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/telicent-oss/telicent-ds.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "0.15.0",
10
+ "version": "0.15.1",
11
11
  "private": false,
12
12
  "dependencies": {
13
13
  "@emotion/react": "^11.10.6",
@@ -1,32 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TypographyProps, SxProps } from '@mui/material';
3
-
4
- export interface SocketedTextProps extends Omit<TypographyProps, "component"> {
5
- beforeItem?: React.ReactNode;
6
- afterItem?: React.ReactNode;
7
- beforeItemSX?: SxProps;
8
- afterItemSX?: SxProps;
9
- href?: string;
10
- containerSX?: SxProps;
11
- component?: React.ElementType;
12
- propCheckError?: (problem: string) => void;
13
- }
14
- export declare const propCheckErrorDefault: (problem: string) => void;
15
- /**
16
- * The intended use of SocketedText to render text with a trailing, or leading icon.
17
-
18
- * This component mimic's MUI’s Typography by default, except it has beforeItem or afterItem sockets.
19
- *
20
- * The text and icons are wrapped in an inline‑flex container with sensible defaults.
21
- *
22
- * All Typography props are forwarded, so this component behaves like any other Typography element.
23
- *
24
- * **Nomenclature**: The word "Socketed" is used in the [Diablo2](https://gamefaqs.gamespot.com/pc/370600-diablo-ii-lord-of-destruction/faqs/8382) sense:
25
- *
26
- * > Socketed items are exactly the same as normal items, but with sockets in them.
27
- * > This allows you to insert gems or skulls in order to add magical properties to your items.
28
- *
29
- * <sup>This may be a terrible name</sup>
30
- *
31
- */
32
- export declare const SocketedText: React.FC<SocketedTextProps>;
@@ -1,24 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { SocketedText, SocketedTextProps } from './SocketedText';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').FC<SocketedTextProps>;
7
- tags: string[];
8
- args: {
9
- children: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof SocketedText>;
14
- export declare const Default: Story;
15
- export declare const AfterItem: Story;
16
- export declare const WithBothSlots: Story;
17
- export declare const AsLink: Story;
18
- export declare const HeaderVariant: Story;
19
- export declare const ComparisonWithTypography: Story;
20
- export declare const CustomSlotStyles: Story;
21
- export declare const Wrappedchildren: Story;
22
- export declare const WrappedTextAlignStart: Story;
23
- export declare const ErrorWhenNobeforeItemAndNoEndSet: Story;
24
- export declare const ErrorWhenAnchorButNoHrefSet: Story;