oneslash-design-system 1.2.15 → 1.2.17

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 (41) hide show
  1. package/dist/components/alert.jsx +1 -1
  2. package/dist/components/loadingScreen.jsx +2 -2
  3. package/dist/components/menuItem.jsx +1 -1
  4. package/dist/output.css +29 -5
  5. package/dist/tsconfig.tsbuildinfo +1 -0
  6. package/package.json +28 -4
  7. package/.claude/settings.local.json +0 -9
  8. package/.eslintrc.json +0 -3
  9. package/components/alert.tsx +0 -132
  10. package/components/button.tsx +0 -120
  11. package/components/checkBox.tsx +0 -60
  12. package/components/emptyBox.tsx +0 -33
  13. package/components/iconButton.tsx +0 -103
  14. package/components/loadingScreen.tsx +0 -30
  15. package/components/menu.tsx +0 -35
  16. package/components/menuItem.tsx +0 -117
  17. package/components/modal.tsx +0 -85
  18. package/components/navigation.tsx +0 -27
  19. package/components/popover.tsx +0 -69
  20. package/components/radioGroup.tsx +0 -50
  21. package/components/select.tsx +0 -253
  22. package/components/tab.tsx +0 -85
  23. package/components/tableCell.tsx +0 -24
  24. package/components/tableContainer.tsx +0 -15
  25. package/components/tableHeader.tsx +0 -15
  26. package/components/tableHeaderCell.tsx +0 -24
  27. package/components/tableRow.tsx +0 -15
  28. package/components/tabsContainer.tsx +0 -23
  29. package/components/tag.tsx +0 -81
  30. package/components/textField.tsx +0 -116
  31. package/components/textarea.tsx +0 -120
  32. package/components/timeStamp.tsx +0 -65
  33. package/components/tooltip.tsx +0 -66
  34. package/components/userImage.tsx +0 -64
  35. package/designTokens.js +0 -234
  36. package/index.css +0 -8
  37. package/index.ts +0 -21
  38. package/next.config.mjs +0 -4
  39. package/postcss.config.mjs +0 -8
  40. package/tailwind.config.ts +0 -232
  41. package/tsconfig.json +0 -37
package/dist/components/alert.jsx CHANGED
@@ -77,7 +77,7 @@ export default function Alert(_a) {
77
77
  bgColor = 'bg-light-secondary-light dark:bg-dark-secondary-light';
78
78
  break;
79
79
  }
80
- return (<div className="fixed top-0 inset-x-0 z-50 flex justify-center pointer-events-none">
80
+ return (<div className="fixed top-4 inset-x-0 z-50 flex justify-center pointer-events-none">
81
81
  <div className={"flex items-start justify-between w-full max-w-md p-2 rounded-[8px] pointer-events-auto transition-opacity duration-200 ease-out ".concat(bgColor, " ").concat(isVisible
82
82
  ? 'opacity-100'
83
83
  : 'opacity-0')}>
package/dist/components/loadingScreen.jsx CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  export default function LoadingScreen() {
4
4
  return (<div className="flex justify-center items-center h-full w-full min-h-[200px]">
5
- <div className="w-12 h-12 border-4 border-t-transparent border-light-text-primary dark:border-dark-text-primary dark:border-t-transparent rounded-full animate-spin"></div>
5
+ <div className="w-12 h-12 rounded-full border-4 border-t-transparent border-r-light-text-primary border-b-light-text-primary border-l-light-text-primary dark:border-t-transparent dark:border-r-dark-text-primary dark:border-b-dark-text-primary dark:border-l-dark-text-primary animate-spin"></div>
6
6
  </div>);
7
7
  }
8
8
  ;
@@ -14,6 +14,6 @@ export function LoadingSmall(_a) {
14
14
  small: 'w-5 h-5 border-2', // 20px, slightly thinner border
15
15
  };
16
16
  return (<div className="flex justify-center items-center">
17
- <div className={"border-t-transparent border-light-text-primary dark:border-dark-text-primary dark:border-t-transparent rounded-full animate-spin ".concat(spinnerSizeClasses[size])}/>
17
+ <div className={"rounded-full border-t-transparent border-r-light-text-primary border-b-light-text-primary border-l-light-text-primary dark:border-t-transparent dark:border-r-dark-text-primary dark:border-b-dark-text-primary dark:border-l-dark-text-primary animate-spin ".concat(spinnerSizeClasses[size])}/>
18
18
  </div>);
19
19
  }
package/dist/components/menuItem.jsx CHANGED
@@ -100,7 +100,7 @@ export default function MenuItem(_a) {
100
100
  ? 'bg-light-background-accent300 dark:bg-dark-background-accent300 hover:bg-light-background-accent200 dark:hover:bg-dark-background-accent200'
101
101
  : 'hover:bg-light-background-accent200 hover:dark:bg-dark-background-accent200', "\n ").concat(className, "\n ")} style={{ width: '100%' }} onClick={onClick}>
102
102
  {/* Left group: icon/userImg + label + tag with 8px gap */}
103
- <div className="flex items-center gap-1">
103
+ <div className="flex items-center gap-2">
104
104
  {userImgUrl ? (<UserImage userHandle={userHandle || ''} userImgUrl={userImgUrl}/>) : (IconLeft && (<IconLeft className={"".concat(iconSize, " text-light-text-secondary dark:text-dark-text-secondary")}/>))}
105
105
  <span className={"whitespace-nowrap ".concat(labelClass, " text-light-text-primary dark:text-dark-text-primary")}>
106
106
  {label}
package/dist/output.css CHANGED
@@ -558,8 +558,8 @@ video {
558
558
  .left-0 {
559
559
  left: 0px;
560
560
  }
561
- .top-0 {
562
- top: 0px;
561
+ .top-4 {
562
+ top: 1rem;
563
563
  }
564
564
  .z-10 {
565
565
  z-index: 10;
@@ -708,9 +708,6 @@ video {
708
708
  .justify-between {
709
709
  justify-content: space-between;
710
710
  }
711
- .gap-1 {
712
- gap: 0.25rem;
713
- }
714
711
  .gap-2 {
715
712
  gap: 0.5rem;
716
713
  }
@@ -815,6 +812,18 @@ video {
815
812
  --tw-border-opacity: 1;
816
813
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
817
814
  }
815
+ .border-b-light-text-primary {
816
+ --tw-border-opacity: 1;
817
+ border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
818
+ }
819
+ .border-l-light-text-primary {
820
+ --tw-border-opacity: 1;
821
+ border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
822
+ }
823
+ .border-r-light-text-primary {
824
+ --tw-border-opacity: 1;
825
+ border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
826
+ }
818
827
  .border-t-transparent {
819
828
  border-top-color: transparent;
820
829
  }
@@ -1167,6 +1176,21 @@ body {
1167
1176
  border-color: rgb(176 176 176 / var(--tw-border-opacity));
1168
1177
  }
1169
1178
 
1179
+ .dark\:border-b-dark-text-primary {
1180
+ --tw-border-opacity: 1;
1181
+ border-bottom-color: rgb(238 238 238 / var(--tw-border-opacity));
1182
+ }
1183
+
1184
+ .dark\:border-l-dark-text-primary {
1185
+ --tw-border-opacity: 1;
1186
+ border-left-color: rgb(238 238 238 / var(--tw-border-opacity));
1187
+ }
1188
+
1189
+ .dark\:border-r-dark-text-primary {
1190
+ --tw-border-opacity: 1;
1191
+ border-right-color: rgb(238 238 238 / var(--tw-border-opacity));
1192
+ }
1193
+
1170
1194
  .dark\:border-t-transparent {
1171
1195
  border-top-color: transparent;
1172
1196
  }