@selfdecode/sd-component-library 3.0.19 → 3.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/lib/2475490b1273c89fe9c25a6737e253ed.svg +26 -0
  2. package/lib/components/buttons/partials/goto-button/assets/arrow-right.svg +10 -3
  3. package/lib/components/icons/index.d.ts +1 -0
  4. package/lib/components/icons/thin-arrow-left.svg +26 -0
  5. package/lib/components/tabs/tab-bar/interfaces.d.ts +5 -0
  6. package/lib/components/tabs/tab-bar/partials/arrow-button/arrow-button.d.ts +3 -0
  7. package/lib/components/tabs/tab-bar/partials/arrow-button/index.d.ts +1 -0
  8. package/lib/components/tabs/tab-bar/partials/arrow-button/interfaces.d.ts +5 -0
  9. package/lib/components/tabs/tab-bar/partials/index.d.ts +3 -0
  10. package/lib/components/tabs/tab-bar/partials/mask/index.d.ts +1 -0
  11. package/lib/components/tabs/tab-bar/partials/mask/interfaces.d.ts +5 -0
  12. package/lib/components/tabs/tab-bar/partials/mask/mask.d.ts +3 -0
  13. package/lib/components/tabs/tab-bar/tab-bar.d.ts +1 -1
  14. package/lib/e986409f719ff9bf4d159ad2929c4590.svg +13 -0
  15. package/lib/index.js +1 -1
  16. package/package.json +1 -1
  17. package/lib/e75b99f7d1b7c672b9a629cbc3ca8165.svg +0 -6
package/lib/2475490b1273c89fe9c25a6737e253ed.svg ADDED
@@ -0,0 +1,26 @@
1
+ <!-- Appears with the stroke -->
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width="18"
5
+ height="18.828"
6
+ viewBox="0 0 18 18.828"
7
+ >
8
+ <g transform="translate(1 1.414)">
9
+ <path
10
+ d="M23.5,18H7.5"
11
+ transform="translate(-7.5 -10)"
12
+ fill="none"
13
+ stroke-linecap="round"
14
+ stroke-linejoin="round"
15
+ stroke-width="2"
16
+ />
17
+ <path
18
+ d="M26,7.5l-8,8,8,8"
19
+ transform="translate(-18 -7.5)"
20
+ fill="none"
21
+ stroke-linecap="round"
22
+ stroke-linejoin="round"
23
+ stroke-width="2"
24
+ />
25
+ </g>
26
+ </svg>
package/lib/components/buttons/partials/goto-button/assets/arrow-right.svg CHANGED
@@ -1,6 +1,13 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.243" viewBox="0 0 15 16.243">
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="15"
4
+ height="16.243"
5
+ viewBox="0 0 15 16.243"
6
+ >
2
7
  <g id="arrow_right" transform="translate(0.5 -9.879)">
3
- <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
4
- <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
8
+ <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9"
9
+ stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
10
+ <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9"
11
+ stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
5
12
  </g>
6
13
  </svg>
package/lib/components/icons/index.d.ts CHANGED
@@ -18,3 +18,4 @@ export { VialIcon } from "./vial-icon";
18
18
  export { WarningCircleIcon } from "./warning-circle-icon";
19
19
  export { TriangularPointerIcon } from "./triangular-pointer-icon";
20
20
  export { EnvironmentIcon } from "./environment-icon";
21
+ export { ReactComponent as ThinArrowLeftIcon } from "./thin-arrow-left.svg";
package/lib/components/icons/thin-arrow-left.svg ADDED
@@ -0,0 +1,26 @@
1
+ <!-- Appears with the stroke -->
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width="18"
5
+ height="18.828"
6
+ viewBox="0 0 18 18.828"
7
+ >
8
+ <g transform="translate(1 1.414)">
9
+ <path
10
+ d="M23.5,18H7.5"
11
+ transform="translate(-7.5 -10)"
12
+ fill="none"
13
+ stroke-linecap="round"
14
+ stroke-linejoin="round"
15
+ stroke-width="2"
16
+ />
17
+ <path
18
+ d="M26,7.5l-8,8,8,8"
19
+ transform="translate(-18 -7.5)"
20
+ fill="none"
21
+ stroke-linecap="round"
22
+ stroke-linejoin="round"
23
+ stroke-width="2"
24
+ />
25
+ </g>
26
+ </svg>
package/lib/components/tabs/tab-bar/interfaces.d.ts CHANGED
@@ -49,4 +49,9 @@ export interface TabBarProps<T> extends Pick<TabProps<T>, "labelSx" | "secondary
49
49
  * Max width of each tab.
50
50
  */
51
51
  tabMaxWidth?: string | string[];
52
+ /**
53
+ * Whether component should be scrollable.
54
+ * Otherwise, buttons for the manual scrolling will appear .
55
+ */
56
+ scrollable?: boolean;
52
57
  }
package/lib/components/tabs/tab-bar/partials/arrow-button/arrow-button.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { ArrowButtonProps as Props } from "./interfaces";
3
+ export declare const ArrowButton: React.FC<Props>;
package/lib/components/tabs/tab-bar/partials/arrow-button/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ArrowButton } from "./arrow-button";
package/lib/components/tabs/tab-bar/partials/arrow-button/interfaces.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export interface ArrowButtonProps {
2
+ width: number | string | string[];
3
+ onClick: () => void;
4
+ direction: "left" | "right";
5
+ }
package/lib/components/tabs/tab-bar/partials/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from "./arrow-button";
2
+ export * from "./mask";
3
+ export * from "./tab";
package/lib/components/tabs/tab-bar/partials/mask/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Mask } from "./mask";
package/lib/components/tabs/tab-bar/partials/mask/interfaces.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export interface MaskProps {
2
+ width: number | string | string[];
3
+ offset: number | string | string[];
4
+ direction: "left" | "right";
5
+ }
package/lib/components/tabs/tab-bar/partials/mask/mask.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { MaskProps as Props } from "./interfaces";
3
+ export declare const Mask: React.FC<Props>;
package/lib/components/tabs/tab-bar/tab-bar.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { TabBarProps } from "./interfaces";
3
- export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, labelSx, secondaryTextSx, }: TabBarProps<T>): JSX.Element;
3
+ export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, labelSx, secondaryTextSx, scrollable, }: TabBarProps<T>): JSX.Element;
package/lib/e986409f719ff9bf4d159ad2929c4590.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="15"
4
+ height="16.243"
5
+ viewBox="0 0 15 16.243"
6
+ >
7
+ <g id="arrow_right" transform="translate(0.5 -9.879)">
8
+ <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9"
9
+ stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
10
+ <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9"
11
+ stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
12
+ </g>
13
+ </svg>