@salutejs/plasma-new-hope 0.116.0-canary.1328.10266964310.0 → 0.116.0-canary.1332.10266696598.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +0 -2
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1whkrlf.css +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +12 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +5 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +1 -0
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +32 -28
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +11 -7
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +35 -35
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -14
- package/emotion/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Select/Select.js +32 -28
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +0 -2
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +6 -15
- package/emotion/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/emotion/es/components/Select/Select.js +32 -28
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +11 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/es/components/Button/Button.tokens.js +0 -2
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1whkrlf.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +12 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +5 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +1 -0
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +32 -28
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +11 -7
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +35 -35
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +0 -2
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +2 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +32 -28
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +3 -3
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/styled-components/es/components/Select/Select.js +32 -28
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -2
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +8 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -3
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_192va2p.css +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
- package/es/components/DatePicker/DatePickerBase.styles_192va2p.css +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { ComponentProps, useRef, useState } from 'react';
|
1
|
+
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
@@ -263,3 +263,82 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
263
263
|
},
|
264
264
|
render: (args) => <StoryRange {...args} />,
|
265
265
|
};
|
266
|
+
|
267
|
+
const StoryDeferred = ({
|
268
|
+
enableContentLeft,
|
269
|
+
enableContentRight,
|
270
|
+
valueError,
|
271
|
+
valueSuccess,
|
272
|
+
size,
|
273
|
+
...rest
|
274
|
+
}: StoryPropsDefault) => {
|
275
|
+
const [isOpen, setIsOpen] = useState(false);
|
276
|
+
|
277
|
+
const [defVal, setDefVal] = useState<Date | undefined>(undefined);
|
278
|
+
|
279
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
280
|
+
|
281
|
+
useEffect(() => {
|
282
|
+
setTimeout(() => {
|
283
|
+
setDefVal(new Date(2024, 5, 14));
|
284
|
+
}, 5000);
|
285
|
+
}, []);
|
286
|
+
|
287
|
+
return (
|
288
|
+
<>
|
289
|
+
<h3>Асинхронная установка даты по умолчанию</h3>
|
290
|
+
<DatePicker
|
291
|
+
defaultDate={defVal}
|
292
|
+
isOpen={isOpen}
|
293
|
+
size={size}
|
294
|
+
valueError={valueError}
|
295
|
+
valueSuccess={valueSuccess}
|
296
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
297
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
298
|
+
onBlur={onBlur}
|
299
|
+
onFocus={onFocus}
|
300
|
+
onToggle={(is) => setIsOpen(is)}
|
301
|
+
onChangeValue={(e, currentValue) => {
|
302
|
+
onChangeValue(e, currentValue);
|
303
|
+
}}
|
304
|
+
onCommitDate={() => setIsOpen(false)}
|
305
|
+
{...rest}
|
306
|
+
/>
|
307
|
+
</>
|
308
|
+
);
|
309
|
+
};
|
310
|
+
|
311
|
+
export const Deferred: StoryObj<StoryPropsDefault> = {
|
312
|
+
argTypes: {
|
313
|
+
defaultDate: {
|
314
|
+
control: {
|
315
|
+
type: 'date',
|
316
|
+
},
|
317
|
+
},
|
318
|
+
labelPlacement: {
|
319
|
+
options: labelPlacements,
|
320
|
+
control: {
|
321
|
+
type: 'inline-radio',
|
322
|
+
},
|
323
|
+
},
|
324
|
+
},
|
325
|
+
args: {
|
326
|
+
label: 'Лейбл',
|
327
|
+
leftHelper: 'Подсказка к полю',
|
328
|
+
placeholder: '30.05.2024',
|
329
|
+
size: 'l',
|
330
|
+
view: 'default',
|
331
|
+
labelPlacement: 'outer',
|
332
|
+
min: new Date(2024, 1, 1),
|
333
|
+
max: new Date(2024, 12, 29),
|
334
|
+
maskWithFormat: false,
|
335
|
+
disabled: false,
|
336
|
+
readOnly: false,
|
337
|
+
textBefore: '',
|
338
|
+
enableContentLeft: true,
|
339
|
+
enableContentRight: true,
|
340
|
+
valueError: false,
|
341
|
+
valueSuccess: false,
|
342
|
+
},
|
343
|
+
render: (args) => <StoryDeferred {...args} />,
|
344
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { ComponentProps, useRef, useState } from 'react';
|
1
|
+
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
@@ -262,3 +262,82 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
262
262
|
},
|
263
263
|
render: (args) => <StoryRange {...args} />,
|
264
264
|
};
|
265
|
+
|
266
|
+
const StoryDeferred = ({
|
267
|
+
enableContentLeft,
|
268
|
+
enableContentRight,
|
269
|
+
valueError,
|
270
|
+
valueSuccess,
|
271
|
+
size,
|
272
|
+
...rest
|
273
|
+
}: StoryPropsDefault) => {
|
274
|
+
const [isOpen, setIsOpen] = useState(false);
|
275
|
+
|
276
|
+
const [defVal, setDefVal] = useState<Date | undefined>(undefined);
|
277
|
+
|
278
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
279
|
+
|
280
|
+
useEffect(() => {
|
281
|
+
setTimeout(() => {
|
282
|
+
setDefVal(new Date(2024, 5, 14));
|
283
|
+
}, 5000);
|
284
|
+
}, []);
|
285
|
+
|
286
|
+
return (
|
287
|
+
<>
|
288
|
+
<h3>Асинхронная установка даты по умолчанию</h3>
|
289
|
+
<DatePicker
|
290
|
+
defaultDate={defVal}
|
291
|
+
isOpen={isOpen}
|
292
|
+
size={size}
|
293
|
+
valueError={valueError}
|
294
|
+
valueSuccess={valueSuccess}
|
295
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
296
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
297
|
+
onBlur={onBlur}
|
298
|
+
onFocus={onFocus}
|
299
|
+
onToggle={(is) => setIsOpen(is)}
|
300
|
+
onChangeValue={(e, currentValue) => {
|
301
|
+
onChangeValue(e, currentValue);
|
302
|
+
}}
|
303
|
+
onCommitDate={() => setIsOpen(false)}
|
304
|
+
{...rest}
|
305
|
+
/>
|
306
|
+
</>
|
307
|
+
);
|
308
|
+
};
|
309
|
+
|
310
|
+
export const Deferred: StoryObj<StoryPropsDefault> = {
|
311
|
+
argTypes: {
|
312
|
+
defaultDate: {
|
313
|
+
control: {
|
314
|
+
type: 'date',
|
315
|
+
},
|
316
|
+
},
|
317
|
+
labelPlacement: {
|
318
|
+
options: labelPlacements,
|
319
|
+
control: {
|
320
|
+
type: 'inline-radio',
|
321
|
+
},
|
322
|
+
},
|
323
|
+
},
|
324
|
+
args: {
|
325
|
+
label: 'Лейбл',
|
326
|
+
leftHelper: 'Подсказка к полю',
|
327
|
+
placeholder: '30.05.2024',
|
328
|
+
size: 'l',
|
329
|
+
view: 'default',
|
330
|
+
labelPlacement: 'outer',
|
331
|
+
min: new Date(2024, 1, 1),
|
332
|
+
max: new Date(2024, 12, 29),
|
333
|
+
maskWithFormat: false,
|
334
|
+
disabled: false,
|
335
|
+
readOnly: false,
|
336
|
+
textBefore: '',
|
337
|
+
enableContentLeft: true,
|
338
|
+
enableContentRight: true,
|
339
|
+
valueError: false,
|
340
|
+
valueSuccess: false,
|
341
|
+
},
|
342
|
+
render: (args) => <StoryDeferred {...args} />,
|
343
|
+
};
|
@@ -15,11 +15,11 @@
|
|
15
15
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
16
16
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
17
17
|
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
18
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
19
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
20
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
21
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
22
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
23
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
24
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
25
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n\n ${applyEllipsis()}\n\n\n &.${String(classes.contentRelaxed)} {\n text-align: start;\n flex-grow: 2;\n }\n`;\n\nexport const ButtonValue = styled.span`\n color: var(${tokens.buttonValueColor});\n\n margin: var(${tokens.buttonValueMargin});\n\n min-width: 4ch;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ${({ contentPlacing }) => contentPlacing};\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n margin: var(${tokens.buttonLeftContentMargin});\n
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n\n ${applyEllipsis()}\n\n\n &.${String(classes.contentRelaxed)} {\n text-align: start;\n flex-grow: 2;\n }\n`;\n\nexport const ButtonValue = styled.span`\n color: var(${tokens.buttonValueColor});\n\n margin: var(${tokens.buttonValueMargin});\n\n min-width: 4ch;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ${({ contentPlacing }) => contentPlacing};\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n margin: var(${tokens.buttonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n margin: var(${tokens.buttonRightContentMargin});\n`;\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: fit-content;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,MAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;"}
|
@@ -3,6 +3,6 @@
|
|
3
3
|
.l9ypozh{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
4
4
|
.l4dfhbg{position:absolute;}
|
5
5
|
.srdlazt{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
6
|
-
.s7rggv0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin)
|
7
|
-
.s1rjh7ra{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin)
|
6
|
+
.s7rggv0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
7
|
+
.s1rjh7ra{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
8
8
|
.b9ga1dj{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.b9ga1dj{-webkit-text-decoration:none;text-decoration:none;}.b9ga1dj.b9ga1dj.button-square{width:var(--plasma-button-height);padding:0;}
|
@@ -29,9 +29,7 @@ var tokens = {
|
|
29
29
|
buttonLetterSpacing: '--plasma-button-letter-spacing',
|
30
30
|
buttonLineHeight: '--plasma-button-line-height',
|
31
31
|
buttonLeftContentMargin: '--plasma-button-left-content-margin',
|
32
|
-
buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
|
33
32
|
buttonRightContentMargin: '--plasma-button-right-content-margin',
|
34
|
-
buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
|
35
33
|
buttonValueMargin: '--plasma-button-value-margin',
|
36
34
|
buttonDisabledOpacity: '--plasma-button-disabled-opacity',
|
37
35
|
buttonFocusColor: '--plasma-button-focus-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n contentRelaxed: 'button-content-relaxed',\n buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n buttonValueColor: '--plasma-button-value-color',\n buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n buttonLeftContentMargin: '--plasma-button-left-content-margin',\n
|
1
|
+
{"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n contentRelaxed: 'button-content-relaxed',\n buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n buttonValueColor: '--plasma-button-value-color',\n buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n buttonLeftContentMargin: '--plasma-button-left-content-margin',\n buttonRightContentMargin: '--plasma-button-right-content-margin',\n buttonValueMargin: '--plasma-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n buttonFocusColor: '--plasma-button-focus-color',\n\n buttonSpinnerColor: '--plasma-button-spinner-color',\n buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","contentRelaxed","buttonSquare","buttonItem","tokens","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonRightContentMargin","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AAEtEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,iBAAiB,EAAE,8BAA8B;AAEjDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;"}
|
@@ -7,14 +7,14 @@
|
|
7
7
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
8
8
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
9
9
|
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
10
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
11
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
12
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
13
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
14
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
15
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
16
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
17
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
18
18
|
|
19
19
|
.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
20
20
|
|
@@ -7,14 +7,14 @@
|
|
7
7
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
8
8
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
9
9
|
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
10
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
11
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
12
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
13
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
14
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
15
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
16
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
17
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
18
18
|
|
19
19
|
.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
20
20
|
|
@@ -7,14 +7,14 @@
|
|
7
7
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
8
8
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
9
9
|
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
10
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
11
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
12
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
13
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
14
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
15
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
16
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
17
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
18
18
|
|
19
19
|
.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
20
20
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n padding-top: var(${tokens.calendarPaddingTop});\n box-shadow: var(${tokens.calendarShadow});\n border-radius: var(${tokens.calendarBorderRadius});\n\n ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n \n ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n \n ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n \n ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAOA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA7GkBA,SA6GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,
|
1
|
+
{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n padding-top: var(${tokens.calendarPaddingTop});\n box-shadow: var(${tokens.calendarShadow});\n border-radius: var(${tokens.calendarBorderRadius});\n\n ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n \n ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n \n ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n \n ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n width: var(${tokens.width});\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAOA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA7GkBA,SA6GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s1ywkx25{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
|
@@ -86,14 +86,14 @@
|
|
86
86
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
87
87
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
88
88
|
|
89
|
-
.
|
90
|
-
.
|
91
|
-
.
|
92
|
-
.
|
93
|
-
.
|
94
|
-
.
|
95
|
-
.
|
96
|
-
.
|
89
|
+
.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
90
|
+
.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
91
|
+
.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
92
|
+
.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
|
93
|
+
.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
94
|
+
.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
|
95
|
+
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
96
|
+
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
97
97
|
|
98
98
|
.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
99
99
|
|
@@ -227,6 +227,14 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
227
227
|
return prevOpen !== isOpen && isOpen;
|
228
228
|
});
|
229
229
|
}, [isOpen]);
|
230
|
+
useEffect(function () {
|
231
|
+
setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format));
|
232
|
+
setInputFirstValue(formatInputValue(defaultFirstDate, format));
|
233
|
+
}, [defaultFirstDate]);
|
234
|
+
useEffect(function () {
|
235
|
+
setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format));
|
236
|
+
setInputSecondValue(formatInputValue(defaultSecondDate, format));
|
237
|
+
}, [defaultSecondDate]);
|
230
238
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
231
239
|
ref: rootRef,
|
232
240
|
view: view,
|