@apple-pie/slice 0.0.0 → 0.0.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.
Files changed (84) hide show
  1. package/dist/index.esm.js +1459 -431
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +1468 -430
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/hooks/index.d.ts +9 -2
  6. package/dist/types/hooks/useDoubleClick/useDoubleClick.d.ts +1 -0
  7. package/dist/types/hooks/useKeyboardShortcuts/useKeyboardShortcuts.d.ts +6 -0
  8. package/dist/types/hooks/useLastUpdated/useLastUpdated.d.ts +4 -0
  9. package/dist/types/hooks/useLocalStore/useLocalStore.d.ts +1 -0
  10. package/dist/types/hooks/{useObserveResize.d.ts → useObserveResize/useObserveResize.d.ts} +1 -1
  11. package/dist/types/hooks/useObserveTheme/useObserveTheme.d.ts +2 -0
  12. package/dist/types/hooks/useTheme/useTheme.d.ts +47 -0
  13. package/dist/types/hooks/useToolTip/useToolTip.d.ts +6 -0
  14. package/dist/types/hooks/useWindow/useWindow.d.ts +15 -0
  15. package/dist/types/index.d.ts +9 -4
  16. package/dist/types/providers/ThemeProvider.d.ts +1 -0
  17. package/dist/types/theme/colors/colors.d.ts +2 -0
  18. package/dist/types/theme/colors/types.d.ts +14 -0
  19. package/dist/types/theme/components/BrandColors.d.ts +1 -0
  20. package/dist/types/theme/components/ColorTile.d.ts +6 -0
  21. package/dist/types/theme/components/ColorTileGroup.d.ts +6 -0
  22. package/dist/types/theme/components/ThemeColors.d.ts +2 -0
  23. package/dist/types/theme/components/_types.d.ts +15 -0
  24. package/dist/types/theme/index.d.ts +1 -1
  25. package/dist/types/theme/themes.d.ts +3 -3
  26. package/dist/types/theme/type/type.d.ts +3 -0
  27. package/dist/types/uikit/Avatar/_types.d.ts +3 -2
  28. package/dist/types/uikit/AvatarGroup/_types.d.ts +4 -2
  29. package/dist/types/uikit/Badge/_types.d.ts +5 -2
  30. package/dist/types/uikit/CheckBox/_types.d.ts +5 -2
  31. package/dist/types/uikit/DivInput/_types.d.ts +4 -2
  32. package/dist/types/uikit/DocIcon/_types.d.ts +5 -2
  33. package/dist/types/uikit/Dot/_types.d.ts +6 -2
  34. package/dist/types/uikit/DraggablePanel/DrggablePanel.d.ts +3 -2
  35. package/dist/types/uikit/DropDown/DropDown.d.ts +2 -1
  36. package/dist/types/uikit/DropDown/_types.d.ts +5 -2
  37. package/dist/types/uikit/EditorButtonBar/_types.d.ts +4 -2
  38. package/dist/types/uikit/ErrorSummary/ErrorSummary.d.ts +2 -1
  39. package/dist/types/uikit/ErrorSummary/_types.d.ts +5 -2
  40. package/dist/types/uikit/FlexDiv/FlexDiv.d.ts +57 -2
  41. package/dist/types/uikit/FlexDiv/_types.d.ts +7 -2
  42. package/dist/types/uikit/Grouper/_types.d.ts +6 -2
  43. package/dist/types/uikit/Icon/_types.d.ts +7 -2
  44. package/dist/types/uikit/Icon/iconRegistry.d.ts +1 -0
  45. package/dist/types/uikit/IconButton/_types.d.ts +4 -2
  46. package/dist/types/uikit/Logos/_types.d.ts +8 -4
  47. package/dist/types/uikit/MessageInput/InputField/_types.d.ts +5 -2
  48. package/dist/types/uikit/Overlay/_types.d.ts +5 -2
  49. package/dist/types/uikit/Pager/_types.d.ts +5 -2
  50. package/dist/types/uikit/Progress/DoneCheck/_types.d.ts +5 -2
  51. package/dist/types/uikit/Progress/ProgressIndicator/_types.d.ts +5 -2
  52. package/dist/types/uikit/RadioButton/_types.d.ts +5 -2
  53. package/dist/types/uikit/RadioButtonList/_types.d.ts +5 -2
  54. package/dist/types/uikit/Slider/_types.d.ts +5 -2
  55. package/dist/types/uikit/Spacer/_types.d.ts +5 -2
  56. package/dist/types/uikit/Switch/Switch.d.ts +1 -1
  57. package/dist/types/uikit/Switch/_types.d.ts +5 -4
  58. package/dist/types/uikit/TabBar/_types.d.ts +5 -2
  59. package/dist/types/uikit/TextArea/_types.d.ts +5 -2
  60. package/dist/types/uikit/Textfield/_types.d.ts +4 -2
  61. package/dist/types/uikit/Tip/Tip.d.ts +3 -0
  62. package/dist/types/uikit/Tip/_types.d.ts +28 -0
  63. package/dist/types/uikit/Tip/index.d.ts +2 -0
  64. package/dist/types/uikit/Toast/Toast.d.ts +3 -0
  65. package/dist/types/uikit/Toast/_types.d.ts +18 -0
  66. package/dist/types/uikit/Toast/index.d.ts +2 -0
  67. package/dist/types/uikit/UIButton/UIButton.d.ts +73 -2
  68. package/dist/types/uikit/UIButton/_types.d.ts +4 -2
  69. package/dist/types/uikit/UIButtonBar/_types.d.ts +5 -2
  70. package/dist/types/uikit/UICard/_types.d.ts +5 -2
  71. package/dist/types/uikit/UIChip/_types.d.ts +4 -2
  72. package/dist/types/uikit/UIFileIcon/UIFileIcon.d.ts +1 -1
  73. package/dist/types/uikit/UIFileIcon/_types.d.ts +4 -2
  74. package/dist/types/uikit/UILabel/_types.d.ts +4 -2
  75. package/dist/types/util/utils.d.ts +12 -0
  76. package/package.json +2 -1
  77. package/dist/colors.css +0 -237
  78. package/dist/type.css +0 -16
  79. package/dist/types/hooks/useMayaTheme.d.ts +0 -7
  80. package/dist/types/hooks/useTheme.d.ts +0 -2
  81. package/dist/types/uikit/Avatar/AvatarInline.stories.d.ts +0 -7
  82. /package/dist/{flexBox.module.css → css/flexBox.module.css} +0 -0
  83. /package/dist/{type.module.css → css/type.module.css} +0 -0
  84. /package/dist/types/hooks/{useTrackRenders.d.ts → useTrackRenders/useTrackRenders.d.ts} +0 -0
package/dist/colors.css DELETED
@@ -1,237 +0,0 @@
1
- /* Core brand colors - theme independent */
2
- :root {
3
- --brand-grey-50: #f4f7fa;
4
- --brand-grey-100: #e5ecf3;
5
- --brand-grey-200: #d5e0ea;
6
- --brand-grey-300: #98acbf;
7
- --brand-grey-400: #7f96a9;
8
- --brand-grey-500: #657d91;
9
- --brand-grey-600: #4c6273;
10
- --brand-grey-700: #405261;
11
- --brand-grey-800: #37434e;
12
- --brand-grey-900: #2d353d;
13
- --brand-grey-950: #1f262d;
14
- --brand-sea-50: #e8f1ff;
15
- --brand-sea-100: #c7defe;
16
- --brand-sea-200: #a5c9ff;
17
- --brand-sea-300: #7ab3ff;
18
- --brand-sea-400: #4084ff;
19
- --brand-sea-500: #2f45ff;
20
- --brand-sea-600: #2d2fff;
21
- --brand-sea-700: #0000ff;
22
- --brand-sea-800: #0609cd;
23
- --brand-sea-900: #001699;
24
- --brand-sea-950: #0a0b5c;
25
- --brand-sky-50: #eafffe;
26
- --brand-sky-100: #cdfffb;
27
- --brand-sky-200: #a3f8ff;
28
- --brand-sky-300: #6af5ff;
29
- --brand-sky-400: #00edff;
30
- --brand-sky-500: #00c8e0;
31
- --brand-sky-600: #00a6c0;
32
- --brand-sky-700: #03839b;
33
- --brand-sky-800: #0d697d;
34
- --brand-sky-900: #105669;
35
- --brand-sky-950: #033949;
36
- --brand-land-50: #f4ffe5;
37
- --brand-land-100: #e0ffb7;
38
- --brand-land-200: #caff95;
39
- --brand-land-300: #b7fe59;
40
- --brand-land-400: #9cf820;
41
- --brand-land-500: #71e618;
42
- --brand-land-600: #56c900;
43
- --brand-land-700: #2d8c00;
44
- --brand-land-800: #31690b;
45
- --brand-land-900: #2a580f;
46
- --brand-land-950: #123201;
47
- --brand-orange-50: #fff8ec;
48
- --brand-orange-100: #ffebd7;
49
- --brand-orange-200: #ffe3c6;
50
- --brand-orange-300: #ffc182;
51
- --brand-orange-400: #ff972e;
52
- --brand-orange-500: #ff800a;
53
- --brand-orange-600: #ff6700;
54
- --brand-orange-700: #ff3700;
55
- --brand-orange-800: #a02b0b;
56
- --brand-orange-900: #80250b;
57
- --brand-orange-950: #461604;
58
- --brand-yellow-50: #ffffea;
59
- --brand-yellow-100: #fffdca;
60
- --brand-yellow-200: #fff2a0;
61
- --brand-yellow-300: #ffeb72;
62
- --brand-yellow-400: #ffd333;
63
- --brand-yellow-500: #ffc200;
64
- --brand-yellow-600: #ffad00;
65
- --brand-yellow-700: #c68601;
66
- --brand-yellow-800: #8f6307;
67
- --brand-yellow-900: #5f430a;
68
- --brand-yellow-950: #442e00;
69
- --brand-purple-50: #faf0ff;
70
- --brand-purple-100: #f4ddff;
71
- --brand-purple-200: #e5cdff;
72
- --brand-purple-300: #ccafff;
73
- --brand-purple-400: #b891ff;
74
- --brand-purple-500: #7d48ff;
75
- --brand-purple-600: #6a14ff;
76
- --brand-purple-700: #5600f1;
77
- --brand-purple-800: #4d01d6;
78
- --brand-purple-900: #4003af;
79
- --brand-purple-950: #1e007c;
80
- --brand-magenta-50: #fef1fc;
81
- --brand-magenta-100: #ffdcef;
82
- --brand-magenta-200: #ffcae6;
83
- --brand-magenta-300: #ff90cb;
84
- --brand-magenta-400: #ff61ca;
85
- --brand-magenta-500: #ff3ac2;
86
- --brand-magenta-600: #f012aa;
87
- --brand-magenta-700: #df059b;
88
- --brand-magenta-800: #9b0069;
89
- --brand-magenta-900: #790a55;
90
- --brand-magenta-950: #58003a;
91
- --brand-white-0: #ffffff;
92
- --product-red-400: #ff474a;
93
- --product-red-500: #df0529;
94
- }
95
-
96
- /* Light theme colors */
97
- :root,
98
- [data-theme="lightMode"] {
99
- --array-land: #e0ffb7;
100
- --array-land-label: #56c900;
101
- --array-magenta: #ffdcef;
102
- --array-magenta-label: #f012aa;
103
- --array-orange: #ffebd7;
104
- --array-orange-label: #ff6700;
105
- --array-purple: #f4ddff;
106
- --array-purple-label: #6a14ff;
107
- --array-sea: #c7defe;
108
- --array-sea-label: #2d2fff;
109
- --array-sky: #cdfffb;
110
- --array-sky-label: #00a6c0;
111
- --array-yellow: #fffdca;
112
- --array-yellow-label: #ffad00;
113
- --core-badge-primary: #2f45ff;
114
- --core-badge-secondary: #e5ecf3;
115
- --core-button-disabled: #f4f7fa;
116
- --core-button-primary: #2f45ff;
117
- --core-drop-shadow: #0339491a;
118
- --core-gp-logo-primary: #0000ff;
119
- --core-gp-logo-secondary: #1f262d;
120
- --core-icon-dark: #1f262d;
121
- --core-icon-disabled: #98acbf;
122
- --core-icon-error: #df0529;
123
- --core-icon-light: #ffffff;
124
- --core-icon-primary: #1f262d;
125
- --core-icon-secondary: #405261;
126
- --core-icon-tertiary: #2f45ff;
127
- --core-outline-secondary: #405261;
128
- --core-outline-primary: #e5ecf3;
129
- --core-outline-special: #c7defe;
130
- --core-outline-tertiary: #2f45ff;
131
- --core-surface-coverup-translucent: #1f262d52;
132
- --core-surface-overlay-translucent: #ffffffcc;
133
- --core-surface-primary: #ffffff;
134
- --core-surface-secondary: #f4f7fa;
135
- --core-surface-special: #e8f1ff;
136
- --core-text-dark: #1f262d;
137
- --core-text-disabled: #98acbf;
138
- --core-text-error: #df0529;
139
- --core-text-light: #ffffff;
140
- --core-text-primary: #1f262d;
141
- --core-text-secondary: #405261;
142
- --core-text-tertiary: #4c6273;
143
- --core-text-special: #2f45ff;
144
- --core-link-primary: #0000ff;
145
- --eor-tag-employee: #03839b;
146
- --eor-tag-overdue: #df0529;
147
- --eor-tag-paid: #2d8c00;
148
- --eor-tag-pending: #ff800a;
149
- --eor-tag-professional: #2f45ff;
150
- --feedback-attention: #ffc200;
151
- --feedback-informative: #03839b;
152
- --feedback-positive: #2d8c00;
153
- --feedback-urgency: #ff800a;
154
- --feedback-warning: #df0529;
155
- --gia-tag-risk-high: #df0529;
156
- --gia-tag-risk-low: #03839b;
157
- --gia-tag-risk-moderate: #ff800a;
158
- --gia-text-excerpt-highlight: #ffebd7;
159
- --gia-text-selection: #c7defe;
160
- --scroll-bar: #e3e8ef;
161
- --scroll-bar-hover: #cdd5df;
162
- --surface-shadow-soft: 0px 4px 24px #0339491a;
163
- --surface-shadow-strong: 0px 4px 64px #0339491a;
164
- }
165
-
166
- /* Dark theme colors */
167
- [data-theme="darkMode"] {
168
- --array-land: #e0ffb7;
169
- --array-land-label: #56c900;
170
- --array-magenta: #ffdcef;
171
- --array-magenta-label: #f012aa;
172
- --array-orange: #ffebd7;
173
- --array-orange-label: #ff6700;
174
- --array-purple: #f4ddff;
175
- --array-purple-label: #6a14ff;
176
- --array-sea: #c7defe;
177
- --array-sea-label: #2d2fff;
178
- --array-sky: #cdfffb;
179
- --array-sky-label: #00a6c0;
180
- --array-yellow: #fffdca;
181
- --array-yellow-label: #ffad00;
182
- --core-badge-primary: #2f45ff;
183
- --core-badge-secondary: #405261;
184
- --core-button-disabled: #2d353d;
185
- --core-button-primary: #2f45ff;
186
- --core-drop-shadow: #0000007a;
187
- --core-gp-logo-primary: #2f45ff;
188
- --core-gp-logo-secondary: #ffffff;
189
- --core-icon-dark: #1f262d;
190
- --core-icon-disabled: #657d91;
191
- --core-icon-error: #ff474a;
192
- --core-icon-light: #ffffff;
193
- --core-icon-primary: #ffffff;
194
- --core-icon-secondary: #d5e0ea;
195
- --core-icon-tertiary: #6af5ff;
196
- --core-outline-secondary: #e5ecf3;
197
- --core-outline-primary: #405261;
198
- --core-outline-special: #105669;
199
- --core-outline-tertiary: #6af5ff;
200
- --core-surface-coverup-translucent: #0000007a;
201
- --core-surface-overlay-translucent: #1f262dcc;
202
- --core-surface-primary: #1f262d;
203
- --core-surface-secondary: #2d353d;
204
- --core-surface-special: #033949;
205
- --core-text-dark: #1f262d;
206
- --core-text-disabled: #657d91;
207
- --core-text-error: #ff474a;
208
- --core-text-light: #ffffff;
209
- --core-text-primary: #ffffff;
210
- --core-text-secondary: #d5e0ea;
211
- --core-text-tertiary: #7f96a9;
212
- --core-text-special: #6af5ff;
213
- --core-link-primary: #6af5ff;
214
- --eor-tag-employee: #03839b;
215
- --eor-tag-overdue: #ff474a;
216
- --eor-tag-paid: #2d8c00;
217
- --eor-tag-pending: #ff800a;
218
- --eor-tag-professional: #2f45ff;
219
- --feedback-attention: #ffd333;
220
- --feedback-informative: #00a6c0;
221
- --feedback-positive: #2d8c00;
222
- --feedback-urgency: #ff800a;
223
- --feedback-warning: #ff474a;
224
- --gia-tag-risk-high: #ff474a;
225
- --gia-tag-risk-low: #00a6c0;
226
- --gia-tag-risk-moderate: #ff800a;
227
- --gia-text-excerpt-highlight: #ffebd7;
228
- --gia-text-selection: #001699;
229
- --scroll-bar: rgba(255, 255, 255, 0.1);
230
- --scroll-bar-hover: rgba(255, 255, 255, 0.15);
231
- --surface-shadow-soft: 0px 4px 24px #0000007a;
232
- --surface-shadow-strong: 0px 4px 64px #0000007a;
233
- }
234
-
235
- body {
236
- background: var(--core-surface-primary);
237
- }
package/dist/type.css DELETED
@@ -1,16 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");
2
-
3
- :root {
4
- --font-family: "Funnel Sans";
5
- --font-weight-regular: 360;
6
- --font-weight-medium: 420;
7
- --font-weight-bold: 480;
8
- --font-size-xs: 12px;
9
- --font-size-s: 14px;
10
- --font-size-m: 15px;
11
- --font-size-l: 16px;
12
- }
13
-
14
- body {
15
- font-family: "Funnel Sans", sans-serif;
16
- }
@@ -1,7 +0,0 @@
1
- import { type MayaTheme } from '../theme/themes';
2
- export declare function useMayaTheme(): {
3
- darkTheme: MayaTheme;
4
- lightTheme: MayaTheme;
5
- currentTheme: MayaTheme;
6
- setTheme: (newTheme: MayaTheme | string) => void;
7
- };
@@ -1,2 +0,0 @@
1
- import { type MayaTheme } from '../theme/themes';
2
- export declare function useTheme(): MayaTheme;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Avatar } from './Avatar';
3
- declare const meta: Meta<typeof Avatar>;
4
- export default meta;
5
- export declare const Default: StoryObj<typeof Avatar>;
6
- export declare const InteractiveWithInitials: StoryObj<typeof Avatar>;
7
- export declare const AutoSizingInitials: StoryObj<typeof Avatar>;
File without changes