ods-component-lib 1.11.0 → 1.11.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 (6) hide show
  1. package/dist/index.js +341 -2
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +342 -3
  4. package/dist/index.modern.js.map +1 -1
  5. package/dist/tokens/TokenProvider.d.ts +333 -0
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -46,8 +46,347 @@ function OdsAutoComplete(props) {
46
46
  var _templateObject$1;
47
47
  var StyledButton = styled(antd.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n box-shadow: none;\n"])));
48
48
 
49
+ var lightTheme = {
50
+ token: {
51
+ blue1: "#e6f4ff",
52
+ blue2: "#bae0ff",
53
+ blue3: "#91caff",
54
+ blue4: "#69b1ff",
55
+ blue5: "#4096ff",
56
+ blue6: "#1677ff",
57
+ blue7: "#0958d9",
58
+ blue8: "#003eb3",
59
+ blue9: "#002c8c",
60
+ blue10: "#001d66",
61
+ purple1: "#f9f0ff",
62
+ purple2: "#efdbff",
63
+ purple3: "#d3adf7",
64
+ purple4: "#b37feb",
65
+ purple5: "#9254de",
66
+ purple6: "#722ed1",
67
+ purple7: "#531dab",
68
+ purple8: "#391085",
69
+ purple9: "#22075e",
70
+ purple10: "#120338",
71
+ cyan1: "#e6fffb",
72
+ cyan2: "#b5f5ec",
73
+ cyan3: "#87e8de",
74
+ cyan4: "#5cdbd3",
75
+ cyan5: "#36cfc9",
76
+ cyan6: "#13c2c2",
77
+ cyan7: "#08979c",
78
+ cyan8: "#006d75",
79
+ cyan9: "#00474f",
80
+ cyan10: "#002329",
81
+ green1: "#f6ffed",
82
+ green2: "#d9f7be",
83
+ green3: "#b7eb8f",
84
+ green4: "#95de64",
85
+ green5: "#73d13d",
86
+ green6: "#52c41a",
87
+ green7: "#389e0d",
88
+ green8: "#237804",
89
+ green9: "#135200",
90
+ green10: "#092b00",
91
+ magenta1: "#fff0f6",
92
+ magenta2: "#ffd6e7",
93
+ magenta3: "#ffadd2",
94
+ magenta4: "#ff85c0",
95
+ magenta5: "#f759ab",
96
+ magenta6: "#eb2f96",
97
+ magenta7: "#c41d7f",
98
+ magenta8: "#9e1068",
99
+ magenta9: "#780650",
100
+ magenta10: "#520339",
101
+ red1: "#fff1f0",
102
+ red2: "#ffccc7",
103
+ red3: "#ffa39e",
104
+ red4: "#ff7875",
105
+ red5: "#ff4d4f",
106
+ red6: "#f5222d",
107
+ red7: "#cf1322",
108
+ red8: "#a8071a",
109
+ red9: "#820014",
110
+ red10: "#5c0011",
111
+ orange1: "#fff7e6",
112
+ orange2: "#ffe7ba",
113
+ orange3: "#ffd591",
114
+ orange4: "#ffc069",
115
+ orange5: "#ffa940",
116
+ orange6: "#fa8c16",
117
+ orange7: "#d46b08",
118
+ orange8: "#ad4e00",
119
+ orange9: "#873800",
120
+ orange10: "#612500",
121
+ yellow1: "#feffe6",
122
+ yellow2: "#ffffb8",
123
+ yellow3: "#fffb8f",
124
+ yellow4: "#fff566",
125
+ yellow5: "#ffec3d",
126
+ yellow6: "#fadb14",
127
+ yellow7: "#d4b106",
128
+ yellow8: "#ad8b00",
129
+ yellow9: "#876800",
130
+ yellow10: "#614700",
131
+ volcano1: "#fff2e8",
132
+ volcano2: "#ffd8bf",
133
+ volcano3: "#ffbb96",
134
+ volcano4: "#ff9c6e",
135
+ volcano5: "#ff7a45",
136
+ volcano6: "#fa541c",
137
+ volcano7: "#d4380d",
138
+ volcano8: "#ad2102",
139
+ volcano9: "#871400",
140
+ volcano10: "#610b00",
141
+ geekblue1: "#f0f5ff",
142
+ geekblue2: "#d6e4ff",
143
+ geekblue3: "#adc6ff",
144
+ geekblue4: "#85a5ff",
145
+ geekblue5: "#597ef7",
146
+ geekblue6: "#2f54eb",
147
+ geekblue7: "#1d39c4",
148
+ geekblue8: "#10239e",
149
+ geekblue9: "#061178",
150
+ geekblue10: "#030852",
151
+ lime1: "#fcffe6",
152
+ lime2: "#f4ffb8",
153
+ lime3: "#eaff8f",
154
+ lime4: "#d3f261",
155
+ lime5: "#bae637",
156
+ lime6: "#a0d911",
157
+ lime7: "#7cb305",
158
+ lime8: "#5b8c00",
159
+ lime9: "#3f6600",
160
+ lime10: "#254000",
161
+ gold1: "#fffbe6",
162
+ gold2: "#fff1b8",
163
+ gold3: "#ffe58f",
164
+ gold4: "#ffd666",
165
+ gold5: "#ffc53d",
166
+ gold6: "#faad14",
167
+ gold7: "#d48806",
168
+ gold8: "#ad6800",
169
+ gold9: "#874d00",
170
+ gold10: "#613400",
171
+ colorTextBase: "#000",
172
+ colorTextLightSolid: "#ffffff",
173
+ colorBgBase: "#ffffff",
174
+ fontFamily: "SF Pro Text",
175
+ fontSize: "14px",
176
+ lineWidth: "1px",
177
+ borderRadius: "6px",
178
+ sizeUnit: "4px",
179
+ sizePopupArrow: "16px",
180
+ controlHeight: "32px",
181
+ opacityImage: "1",
182
+ sizeStep: "4px",
183
+ colorPrimary: "#1677ff",
184
+ colorError: "#ff4d4f",
185
+ colorWarning: "#faad14",
186
+ colorSuccess: "#52c41a",
187
+ colorInfo: "#1677ff",
188
+ colorSecondary: "#F9B515",
189
+ sizeXxl: "48px",
190
+ sizeXl: "32px",
191
+ sizeLg: "24px",
192
+ sizeMd: "20px",
193
+ sizeMs: "16px",
194
+ size: "16px",
195
+ sizeSm: "12px",
196
+ sizeXs: "8px",
197
+ sizeXxs: "4px",
198
+ controlHeightSm: "24px",
199
+ controlHeightXs: "16px",
200
+ controlHeightLg: "40px",
201
+ borderRadiusXs: "2px",
202
+ borderRadiusSm: "4px",
203
+ borderRadiusLg: "8px",
204
+ borderRadiusOuter: "4px",
205
+ colorText: "rgba(0, 0, 0, 0.88)",
206
+ colorTextSecondary: "rgba(0, 0, 0, 0.65)",
207
+ colorTextTertiary: "rgba(0, 0, 0, 0.45)",
208
+ colorTextQuaternary: "rgba(0, 0, 0, 0.25)",
209
+ colorFill: "rgba(0, 0, 0, 0.15)",
210
+ colorFillSecondary: "rgba(0, 0, 0, 0.06)",
211
+ colorFillTertiary: "rgba(0, 0, 0, 0.04)",
212
+ colorBgContainer: "#ffffff",
213
+ colorFillQuaternary: "rgba(0, 0, 0, 0.02)",
214
+ colorBgLayout: "#f5f5f5",
215
+ colorBgElevated: "#ffffff",
216
+ colorBgSpotlight: "rgba(0, 0, 0, 0.85)",
217
+ colorBorder: "rgba(0, 0, 0, 0.15)",
218
+ colorBorderSecondary: "rgba(0, 0, 0, 0.06)",
219
+ colorSplit: "rgba(0, 0, 0, 0.06)",
220
+ colorPrimaryBg: "#e6f4ff",
221
+ colorPrimaryBgHover: "#bae0ff",
222
+ colorPrimaryBorder: "#91caff",
223
+ colorPrimaryBorderHover: "#69b1ff",
224
+ colorPrimaryHover: "#4096ff",
225
+ colorPrimaryBase: "#1677ff",
226
+ colorPrimaryActive: "#0958d9",
227
+ colorPrimaryTextHover: "#003eb3",
228
+ colorPrimaryText: "#002c8c",
229
+ colorPrimaryTextActive: "#001d66",
230
+ colorSuccessBg: "#f6ffed",
231
+ colorSuccessBgHover: "#d9f7be",
232
+ colorSuccessBorder: "#b7eb8f",
233
+ colorSuccessBorderHover: "#95de64",
234
+ colorSuccessHover: "#73d13d",
235
+ colorSuccessBase: "#52c41a",
236
+ colorSuccessActive: "#389e0d",
237
+ colorSuccessTextHover: "#237804",
238
+ colorSuccessText: "#135200",
239
+ colorSuccessTextActive: "#092b00",
240
+ colorWarningBg: "#fffbe6",
241
+ colorWarningBgHover: "#fff1b8",
242
+ colorWarningBorder: "#ffe58f",
243
+ colorWarningBorderHover: "#ffd666",
244
+ colorWarningHover: "#ffc53d",
245
+ colorWarningBase: "#faad14",
246
+ colorWarningActive: "#d48806",
247
+ colorWarningTextHover: "#ad6800",
248
+ colorWarningText: "#874d00",
249
+ colorWarningTextActive: "#613400",
250
+ colorErrorBg: "#fff1f0",
251
+ colorErrorBgHover: "#ffccc7",
252
+ colorErrorBorder: "#ffa39e",
253
+ colorErrorBorderHover: "#ff7875",
254
+ colorErrorHover: "#ff7875",
255
+ colorErrorBase: "#ff4d4f",
256
+ colorErrorActive: "#cf1322",
257
+ colorErrorTextHover: "#a8071a",
258
+ colorErrorText: "#820014",
259
+ colorErrorTextActive: "#5c0011",
260
+ colorInfoBg: "#e6f4ff",
261
+ colorInfoBgHover: "#bae0ff",
262
+ colorInfoBorder: "#91caff",
263
+ colorInfoBorderHover: "#69b1ff",
264
+ colorInfoHover: "#4096ff",
265
+ colorInfoBase: "#1677ff",
266
+ colorInfoActive: "#0958d9",
267
+ colorInfoTextHover: "#003eb3",
268
+ colorInfoText: "#002c8c",
269
+ colorInfoTextActive: "#001d66",
270
+ colorBgMask: "rgba(0, 0, 0, 0.45)",
271
+ stepsDotSize: "8px",
272
+ stepsCurrentDotSize: "10px",
273
+ rateStarSize: "20px",
274
+ colorFillContent: "rgba(0, 0, 0, 0.06)",
275
+ colorFillContentHover: "rgba(0, 0, 0, 0.15)",
276
+ colorFillAlter: "rgba(0, 0, 0, 0.02)",
277
+ colorBgContainerDisabled: "rgba(0, 0, 0, 0.04)",
278
+ colorBorderBg: "#ffffff",
279
+ colorTextPlaceholder: "rgba(0, 0, 0, 0.25)",
280
+ colorTextDisabled: "rgba(0, 0, 0, 0.25)",
281
+ colorTextHeading: "rgba(0, 0, 0, 0.88)",
282
+ colorTextLabel: "rgba(0, 0, 0, 0.65)",
283
+ colorTextDescription: "rgba(0, 0, 0, 0.45)",
284
+ colorBgTextHover: "rgba(0, 0, 0, 0.06)",
285
+ colorBgTextActive: "rgba(0, 0, 0, 0.15)",
286
+ colorIcon: "rgba(0, 0, 0, 0.45)",
287
+ colorIconHover: "rgba(0, 0, 0, 0.88)",
288
+ colorLink: "#1677ff",
289
+ colorLinkHover: "#4096ff",
290
+ colorLinkActive: "#0958d9",
291
+ colorHighlight: "#ff7875",
292
+ controlOutline: "#e6f4ff",
293
+ colorWarningOutline: "#fffbe6",
294
+ colorErrorOutline: "#fff1f0",
295
+ fontSizeSm: "12px",
296
+ fontSizeLg: "16px",
297
+ fontSizeXl: "20px",
298
+ fontSizeIcon: "12px",
299
+ fontSizeHeading1: "38px",
300
+ fontSizeHeading2: "30px",
301
+ fontSizeHeading3: "24px",
302
+ fontSizeHeading4: "20px",
303
+ fontSizeHeading5: "16px",
304
+ fontWeightNormal: "400",
305
+ fontWeightStrong: "600",
306
+ controlLineWidth: "1px",
307
+ controlOutlineWidth: "2px",
308
+ controlItemBgHover: "rgba(0, 0, 0, 0.04)",
309
+ controlItemBgActive: "#e6f4ff",
310
+ controlItemBgActiveHover: "#bae0ff",
311
+ controlInteractiveSize: "16px",
312
+ controlItemBgActiveDisabled: "rgba(0, 0, 0, 0.15)",
313
+ controlTmpOutline: "rgba(0, 0, 0, 0.02)",
314
+ opacityLoading: "0.65",
315
+ padding: "16px",
316
+ paddingMd: "20px",
317
+ paddingSm: "12px",
318
+ paddingXs: "8px",
319
+ paddingXxs: "4px",
320
+ paddingLg: "24px",
321
+ paddingXl: "32px",
322
+ paddingXxl: "48px",
323
+ margin: "16px",
324
+ marginSm: "12px",
325
+ marginXs: "8px",
326
+ marginXxs: "4px",
327
+ marginLg: "24px",
328
+ marginXl: "48px",
329
+ controlPaddingHorizontal: "12px",
330
+ controlPaddingHorizontalSm: "8px",
331
+ baseBaseNormal: "400 14px/22px 'SF Pro Text'",
332
+ baseBaseStrong: "600 14px/22px 'SF Pro Text'",
333
+ baseBaseUnderline: "400 14px/22px 'SF Pro Text'",
334
+ baseBaseDelete: "400 14px/22px 'SF Pro Text'",
335
+ baseBaseItalic: "Regular Italic 14px/22px 'SF Pro Text'",
336
+ smSmNormal: "400 12px/20px 'SF Pro Text'",
337
+ smSmStrong: "600 12px/20px 'SF Pro Text'",
338
+ smSmUnderline: "400 12px/20px 'SF Pro Text'",
339
+ smSmDelete: "400 12px/20px 'SF Pro Text'",
340
+ smSmItalic: "Regular Italic 12px/20px 'SF Pro Text'",
341
+ lgLgNormal: "400 16px/24px 'SF Pro Text'",
342
+ lgLgStrong: "600 16px/24px 'SF Pro Text'",
343
+ lgLgUnderline: "400 16px/24px 'SF Pro Text'",
344
+ lgLgDelete: "400 16px/24px 'SF Pro Text'",
345
+ lgLgItalic: "Regular Italic 16px/24px 'SF Pro Text'",
346
+ xlXlNormal: "400 20px/28px 'SF Pro Text'",
347
+ xlXlStrong: "600 20px/28px 'SF Pro Text'",
348
+ xlXlUnderline: "400 20px/28px 'SF Pro Text'",
349
+ xlXlDelete: "400 20px/28px 'SF Pro Text'",
350
+ xlXlItalic: "Regular Italic 20px/28px 'SF Pro Text'",
351
+ headingHeading1: "600 38px/46px 'SF Pro Text'",
352
+ headingHeading2: "600 30px/38px 'SF Pro Text'",
353
+ headingHeading3: "600 24px/32px 'SF Pro Text'",
354
+ headingHeading4: "600 20px/28px 'SF Pro Text'",
355
+ headingHeading5: "600 16px/24px 'SF Pro Text'",
356
+ fontWeightItalic: "Regular Italic",
357
+ paddingContentHorizontalLg: "24px",
358
+ paddingContentVerticalLg: "16px",
359
+ paddingContentHorizontal: "16px",
360
+ paddingContentVertical: "12px",
361
+ paddingContentHorizontalSm: "16px",
362
+ paddingContentVerticalSm: "8px",
363
+ boxShadow: "0 1px 2px 0 rgba(0,0,0,0.03), 0 1px 6px -1px rgba(0,0,0,0.02), 0 2px 4px 0 rgba(0,0,0,0.02)",
364
+ boxShadowSecondary: "0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05)",
365
+ boxShadowCard: "0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09)",
366
+ colorItemText: "rgba(255, 255, 255, 0.65)",
367
+ colorItemTextDisabled: "rgba(255, 255, 255, 0.25)",
368
+ focusPrimary: "0 0 0 2px #e6f4ff",
369
+ focusError: "0 0 0 2px #fff1f0",
370
+ focusWarning: "0 0 0 2px #fffbe6",
371
+ tooltipBg: "rgba(0, 0, 0, 0.88)",
372
+ segmentedBgColorSelected: "#ffffff",
373
+ segmentedGroupBg: "rgba(0, 0, 0, 0.04)",
374
+ colorMenuDarkBg: "#001529",
375
+ colorMenuSubItemBg: "#000c17",
376
+ boxShadowButtonSolid: "0 2px 0 0 rgba(0, 0, 0, 0.02)",
377
+ paddingTooltipContentVertical: "6px"
378
+ }
379
+ };
380
+
381
+ var TokenContext = React.createContext(lightTheme);
382
+ var TokenProvider = function TokenProvider(children) {
383
+ return React__default.createElement(TokenContext.Provider, {
384
+ value: lightTheme
385
+ }, children);
386
+ };
387
+
49
388
  function OdsButton(props) {
50
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledButton, Object.assign({}, props), props.children));
389
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(TokenProvider, null, React__default.createElement(StyledButton, Object.assign({}, props), props.children)));
51
390
  }
52
391
 
53
392
  var onMenuClick = function onMenuClick(e) {
@@ -141,7 +480,7 @@ var _templateObject$8;
141
480
  var StyledInput = styled(antd.Input)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
142
481
 
143
482
  function OdsInput(props) {
144
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
483
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(TokenProvider, null, React__default.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
145
484
  }
146
485
 
147
486
  var layout = {