@openameba/spindle-ui 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/BottomButton/index.mjs +1 -1
  2. package/Breadcrumb/BreadcrumbList.mjs +2 -2
  3. package/Breadcrumb/index.mjs +2 -2
  4. package/Button/Button.figma.mjs +1 -1
  5. package/Button/index.mjs +1 -1
  6. package/ButtonGroup/index.mjs +1 -1
  7. package/CHANGELOG.md +10 -0
  8. package/Dialog/Dialog.figma.mjs +1 -1
  9. package/Dialog/Dialog.mjs +1 -1
  10. package/Dialog/DialogExample.mjs +3 -3
  11. package/Dialog/index.mjs +1 -1
  12. package/DropdownMenu/index.mjs +1 -1
  13. package/Form/Checkbox.figma.mjs +1 -1
  14. package/Form/Checkbox.mjs +1 -1
  15. package/Form/DropDown.mjs +1 -1
  16. package/Form/InlineDropDown.mjs +1 -1
  17. package/Form/InvalidMessage.mjs +1 -1
  18. package/Form/Radio.figma.mjs +1 -1
  19. package/Form/Radio.mjs +1 -1
  20. package/Form/ToggleSwitch.figma.mjs +1 -1
  21. package/Form/index.mjs +8 -8
  22. package/HeroCarousel/HeroCarousel.mjs +5 -5
  23. package/HeroCarousel/index.mjs +1 -1
  24. package/Icon/Paidmember.js +1 -1
  25. package/Icon/Paidmember.js.map +1 -1
  26. package/Icon/Paidmember.mjs +1 -1
  27. package/Icon/index.mjs +366 -366
  28. package/IconButton/IconButton.figma.mjs +1 -1
  29. package/IconButton/index.mjs +1 -1
  30. package/InlineNotification/InlineNotification.figma.mjs +1 -1
  31. package/InlineNotification/InlineNotification.mjs +3 -3
  32. package/InlineNotification/index.mjs +1 -1
  33. package/LinkButton/index.mjs +1 -1
  34. package/List/MoreLink.mjs +1 -1
  35. package/List/index.mjs +1 -1
  36. package/Modal/AppealModal.mjs +4 -4
  37. package/Modal/SemiModal.mjs +2 -2
  38. package/NavigationTab/UnderlineTab/UnderlineTab.figma.mjs +1 -1
  39. package/NavigationTab/UnderlineTab/UnderlineTab.mjs +2 -2
  40. package/NavigationTab/index.mjs +1 -1
  41. package/Pagination/Pagination.mjs +4 -4
  42. package/Pagination/PaginationItem.mjs +6 -6
  43. package/Pagination/index.mjs +1 -1
  44. package/SegmentedControl/SegmentedControl.figma.mjs +1 -1
  45. package/SegmentedControl/index.mjs +1 -1
  46. package/SnackBar/SnackBar.figma.mjs +1 -1
  47. package/SnackBar/SnackBar.mjs +5 -5
  48. package/SnackBar/index.mjs +1 -1
  49. package/StackNotificationManager/hooks.mjs +1 -1
  50. package/StackNotificationManager/index.mjs +2 -2
  51. package/SubtleButton/index.mjs +1 -1
  52. package/TextButton/index.mjs +1 -1
  53. package/TextLink/index.mjs +1 -1
  54. package/Toast/Toast.mjs +3 -3
  55. package/Toast/index.mjs +1 -1
  56. package/icons.figma.mjs +1 -1
  57. package/index.mjs +16 -16
  58. package/package.json +4 -3
@@ -1 +1 @@
1
- export { BottomButton } from './BottomButton';
1
+ export { BottomButton } from "./BottomButton.mjs";
@@ -1,6 +1,6 @@
1
1
  import React, { useEffect, useRef } from 'react';
2
- import ChevronRightBold from '../Icon/ChevronRightBold';
3
- import ChevronRight from '../Icon/ChevronRight';
2
+ import ChevronRightBold from "../Icon/ChevronRightBold.mjs";
3
+ import ChevronRight from "../Icon/ChevronRight.mjs";
4
4
  const BLOCK_NAME = 'spui-Breadcrumb';
5
5
  export const BreadcrumbList = (props) => {
6
6
  const { children, className, variant = 'standard', wrap, ...rest } = props;
@@ -1,2 +1,2 @@
1
- export { BreadcrumbList } from './BreadcrumbList';
2
- export { BreadcrumbItem } from './BreadcrumbItem';
1
+ export { BreadcrumbList } from "./BreadcrumbList.mjs";
2
+ export { BreadcrumbItem } from "./BreadcrumbItem.mjs";
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Button } from './Button';
2
+ import { Button } from "./Button.mjs";
3
3
  import figma from '@figma/code-connect';
4
4
  figma.connect(Button, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=1789-29120&t=5pAze6eM9wAFTPFz-0', {
5
5
  imports: ["import { Button } from '@openameba/spindle-ui';"],
package/Button/index.mjs CHANGED
@@ -1 +1 @@
1
- export { Button } from './Button';
1
+ export { Button } from "./Button.mjs";
@@ -1 +1 @@
1
- export { ButtonGroup } from './ButtonGroup';
1
+ export { ButtonGroup } from "./ButtonGroup.mjs";
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.1.2](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.1.1...@openameba/spindle-ui@2.1.2) (2025-02-21)
7
+
8
+ ### Features
9
+
10
+ - **spindle-icons:** update icons ([8baaa49](https://github.com/openameba/spindle/commit/8baaa495dc6e9b0675983cc891189a1a751aef94))
11
+
12
+ ## [2.1.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.1.0...@openameba/spindle-ui@2.1.1) (2025-02-21)
13
+
14
+ **Note:** Version bump only for package @openameba/spindle-ui
15
+
6
16
  # [2.1.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.0.1...@openameba/spindle-ui@2.1.0) (2025-02-13)
7
17
 
8
18
  **Note:** Version bump only for package @openameba/spindle-ui
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Dialog } from './Dialog';
2
+ import { Dialog } from "./Dialog.mjs";
3
3
  import figma from '@figma/code-connect';
4
4
  import { SubtleButton } from 'src/SubtleButton';
5
5
  import { Button } from 'src/Button';
package/Dialog/Dialog.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
- import { ButtonGroup as Group } from '../ButtonGroup';
3
+ import { ButtonGroup as Group } from "../ButtonGroup/index.mjs";
4
4
  const BLOCK_NAME = 'spui-Dialog';
5
5
  const FADE_OUT_ANIMATION = 'spui-Dialog-fade-out';
6
6
  const Frame = forwardRef(function Dialog({ children, className, open, onClose, ...rest }, ref) {
@@ -1,8 +1,8 @@
1
1
  import React, { useEffect, useRef, useState } from 'react';
2
2
  import dialogPolyfill from 'dialog-polyfill';
3
- import { Button } from '../Button';
4
- import { SubtleButton } from '../SubtleButton';
5
- import { Dialog } from './Dialog';
3
+ import { Button } from "../Button/index.mjs";
4
+ import { SubtleButton } from "../SubtleButton/index.mjs";
5
+ import { Dialog } from "./Dialog.mjs";
6
6
  import 'dialog-polyfill/dist/dialog-polyfill.css';
7
7
  function useDialogpolyfill(ref) {
8
8
  useEffect(() => {
package/Dialog/index.mjs CHANGED
@@ -1 +1 @@
1
- export { Dialog } from './Dialog';
1
+ export { Dialog } from "./Dialog.mjs";
@@ -1 +1 @@
1
- export { DropdownMenu } from './DropdownMenu';
1
+ export { DropdownMenu } from "./DropdownMenu.mjs";
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Checkbox } from './Checkbox';
2
+ import { Checkbox } from "./Checkbox.mjs";
3
3
  import figma from '@figma/code-connect';
4
4
  figma.connect(Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33059&t=BiQUBKKifVQV5TbP-0', {
5
5
  imports: ["import { Checkbox } from '@openameba/spindle-ui/Form';"],
package/Form/Checkbox.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import CheckBold from '../Icon/CheckBold';
2
+ import CheckBold from "../Icon/CheckBold.mjs";
3
3
  const BLOCK_NAME = 'spui-Checkbox';
4
4
  export const Checkbox = forwardRef(function Checkbox({ children, ...rest }, ref) {
5
5
  return (React.createElement("label", { className: `${BLOCK_NAME}-label` },
package/Form/DropDown.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef, useEffect, useRef, useState } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
- import ChevronDownBold from '../Icon/ChevronDownBold';
3
+ import ChevronDownBold from "../Icon/ChevronDownBold.mjs";
4
4
  const BLOCK_NAME = 'spui-DropDown';
5
5
  export const DropDown = forwardRef(function DropDown({ children, hasError = false, onChange, ...rest }, ref) {
6
6
  const selectEl = useRef(null);
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef, useEffect, useRef, useState } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
- import ChevronDownBold from '../Icon/ChevronDownBold';
3
+ import ChevronDownBold from "../Icon/ChevronDownBold.mjs";
4
4
  const BLOCK_NAME = 'spui-InlineDropDown';
5
5
  export const InlineDropDown = forwardRef(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
6
6
  const selectEl = useRef(null);
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import ExclamationmarkCircleFill from '../Icon/ExclamationmarkCircleFill';
2
+ import ExclamationmarkCircleFill from "../Icon/ExclamationmarkCircleFill.mjs";
3
3
  const BLOCK_NAME = 'spui-InvalidMessage';
4
4
  export const InvalidMessage = ({ children, visible = false, ...rest }) => {
5
5
  return (React.createElement("p", { className: BLOCK_NAME, hidden: !visible, ...rest },
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Radio } from './Radio';
2
+ import { Radio } from "./Radio.mjs";
3
3
  import figma from '@figma/code-connect';
4
4
  figma.connect(Radio, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33051&t=BiQUBKKifVQV5TbP-0', {
5
5
  imports: ["import { Radio } from '@openameba/spindle-ui/Form';"],
package/Form/Radio.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import CheckBold from '../Icon/CheckBold';
2
+ import CheckBold from "../Icon/CheckBold.mjs";
3
3
  const BLOCK_NAME = 'spui-Radio';
4
4
  export const Radio = forwardRef(function Radio({ children, id = '', ...rest }, ref) {
5
5
  return (React.createElement("label", { className: `${BLOCK_NAME}-label`, htmlFor: id },
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ToggleSwitch } from './ToggleSwitch';
2
+ import { ToggleSwitch } from "./ToggleSwitch.mjs";
3
3
  import figma from '@figma/code-connect';
4
4
  figma.connect(ToggleSwitch, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33067&t=BiQUBKKifVQV5TbP-0', {
5
5
  imports: ["import { ToggleSwitch } from '@openameba/spindle-ui/Form';"],
package/Form/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
- export { Checkbox } from './Checkbox';
2
- export { DropDown } from './DropDown';
3
- export { InputLabel } from './InputLabel';
4
- export { InvalidMessage } from './InvalidMessage';
5
- export { Radio } from './Radio';
6
- export { TextArea } from './TextArea';
7
- export { TextField } from './TextField';
8
- export { ToggleSwitch } from './ToggleSwitch';
1
+ export { Checkbox } from "./Checkbox.mjs";
2
+ export { DropDown } from "./DropDown.mjs";
3
+ export { InputLabel } from "./InputLabel.mjs";
4
+ export { InvalidMessage } from "./InvalidMessage.mjs";
5
+ export { Radio } from "./Radio.mjs";
6
+ export { TextArea } from "./TextArea.mjs";
7
+ export { TextField } from "./TextField.mjs";
8
+ export { ToggleSwitch } from "./ToggleSwitch.mjs";
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { useCarousel } from '@openameba/spindle-hooks';
3
- import ChevronLeftBold from '../Icon/ChevronLeftBold';
4
- import ChevronRightBold from '../Icon/ChevronRightBold';
5
- import Pause from '../Icon/Pause';
6
- import PlayFill from '../Icon/PlayFill';
7
- import HeroCarouselItem from './HeroCarouselItem';
3
+ import ChevronLeftBold from "../Icon/ChevronLeftBold.mjs";
4
+ import ChevronRightBold from "../Icon/ChevronRightBold.mjs";
5
+ import Pause from "../Icon/Pause.mjs";
6
+ import PlayFill from "../Icon/PlayFill.mjs";
7
+ import HeroCarouselItem from "./HeroCarouselItem.mjs";
8
8
  const BLOCK_NAME = 'spui-HeroCarousel';
9
9
  const ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
10
10
  export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, }) {
@@ -1 +1 @@
1
- export { HeroCarousel } from './HeroCarousel';
1
+ export { HeroCarousel } from "./HeroCarousel.mjs";
@@ -36,6 +36,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var React = __importStar(require("react"));
38
38
  var SvgPaidmember = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 24", role: "img" }, props),
39
- React.createElement("path", { d: "m18.06 6.02-4-2.41a4.01 4.01 0 0 0-4.12 0l-4 2.41C4.74 6.74 4 8.04 4 9.45v5.1c0 1.4.74 2.7 1.94 3.43l4 2.41c1.27.76 2.85.76 4.12 0l4-2.41c1.2-.72 1.94-2.02 1.94-3.43v-5.1c0-1.4-.74-2.7-1.94-3.43m-1.77 4.45-4.44 4.44a1.18 1.18 0 0 1-1.59.08l-2.28-1.87c-.3-.25-.35-.7-.1-1s.7-.35 1-.1l2.11 1.73 4.29-4.29c.28-.28.73-.28 1.01 0s.28.73 0 1.01" }))); };
39
+ React.createElement("path", { d: "m18.06 6.07-4-2.41a4.01 4.01 0 0 0-4.12 0l-4 2.41C4.74 6.79 4 8.09 4 9.5v5.1c0 1.4.74 2.7 1.94 3.43l4 2.41c1.27.76 2.85.76 4.12 0l4-2.41c1.2-.72 1.94-2.02 1.94-3.43V9.5c0-1.4-.74-2.7-1.94-3.43m-1.6 4.76-4.53 4.53a1.47 1.47 0 0 1-1.99.1l-2.32-1.9a1 1 0 0 1-.14-1.41 1 1 0 0 1 1.41-.14l1.96 1.6 4.2-4.2a.996.996 0 1 1 1.41 1.41z" }))); };
40
40
  exports.default = SvgPaidmember;
41
41
  //# sourceMappingURL=Paidmember.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Paidmember.js","sourceRoot":"","sources":["../../src/Icon/Paidmember.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,IAAM,aAAa,GAAG,UAAC,KAA8B,IAAK,OAAA,CACxD,sCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,oVAAoV,GAAG,CAC3V,CACP,EAZyD,CAYzD,CAAC;AACF,kBAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"Paidmember.js","sourceRoot":"","sources":["../../src/Icon/Paidmember.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,IAAM,aAAa,GAAG,UAAC,KAA8B,IAAK,OAAA,CACxD,sCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,wUAAwU,GAAG,CAC/U,CACP,EAZyD,CAYzD,CAAC;AACF,kBAAe,aAAa,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  const SvgPaidmember = (props) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 24", role: "img", ...props },
3
- React.createElement("path", { d: "m18.06 6.02-4-2.41a4.01 4.01 0 0 0-4.12 0l-4 2.41C4.74 6.74 4 8.04 4 9.45v5.1c0 1.4.74 2.7 1.94 3.43l4 2.41c1.27.76 2.85.76 4.12 0l4-2.41c1.2-.72 1.94-2.02 1.94-3.43v-5.1c0-1.4-.74-2.7-1.94-3.43m-1.77 4.45-4.44 4.44a1.18 1.18 0 0 1-1.59.08l-2.28-1.87c-.3-.25-.35-.7-.1-1s.7-.35 1-.1l2.11 1.73 4.29-4.29c.28-.28.73-.28 1.01 0s.28.73 0 1.01" })));
3
+ React.createElement("path", { d: "m18.06 6.07-4-2.41a4.01 4.01 0 0 0-4.12 0l-4 2.41C4.74 6.79 4 8.09 4 9.5v5.1c0 1.4.74 2.7 1.94 3.43l4 2.41c1.27.76 2.85.76 4.12 0l4-2.41c1.2-.72 1.94-2.02 1.94-3.43V9.5c0-1.4-.74-2.7-1.94-3.43m-1.6 4.76-4.53 4.53a1.47 1.47 0 0 1-1.99.1l-2.32-1.9a1 1 0 0 1-.14-1.41 1 1 0 0 1 1.41-.14l1.96 1.6 4.2-4.2a.996.996 0 1 1 1.41 1.41z" })));
4
4
  export default SvgPaidmember;