@salutejs/plasma-new-hope 0.196.0-canary.1582.11949993668.0 → 0.196.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/cjs/components/Notification/NotificationsStore.js +6 -8
- package/cjs/components/Notification/NotificationsStore.js.map +1 -1
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +0 -1
- package/emotion/cjs/components/Notification/NotificationsStore.js +6 -8
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/components/Calendar/Calendar.tokens.js +2 -1
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/emotion/es/components/Notification/Notification.template-doc.mdx +0 -1
- package/emotion/es/components/Notification/NotificationsStore.js +6 -8
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/es/components/Calendar/Calendar.tokens.js +2 -1
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/es/components/Notification/NotificationsStore.js +6 -8
- package/es/components/Notification/NotificationsStore.js.map +1 -1
- package/es/index.css +4 -4
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +0 -1
- package/styled-components/cjs/components/Notification/NotificationsStore.js +6 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +0 -1
- package/styled-components/es/components/Notification/NotificationsStore.js +6 -8
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Notification/NotificationsStore.d.ts +4 -4
- package/types/components/Notification/NotificationsStore.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
39
39
|
.CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
|
|
40
40
|
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
41
|
+
.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
|
|
42
|
+
.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
|
|
43
|
+
.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
|
44
|
+
.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
45
45
|
|
|
46
46
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
47
47
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
|
@@ -131,10 +131,10 @@
|
|
|
131
131
|
.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
132
132
|
.CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
|
|
133
133
|
|
|
134
|
-
.
|
|
135
|
-
.
|
|
136
|
-
.
|
|
137
|
-
.
|
|
134
|
+
.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
|
|
135
|
+
.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
|
|
136
|
+
.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
|
137
|
+
.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
138
138
|
|
|
139
139
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
140
140
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
37
37
|
.CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
|
|
38
38
|
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
39
|
+
.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
|
|
40
|
+
.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
|
|
41
|
+
.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
|
42
|
+
.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
43
43
|
|
|
44
44
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
45
45
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
|
@@ -46,9 +46,9 @@ var closeNotification = function closeNotification(id) {
|
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
|
-
* Открыть новое
|
|
50
|
-
* @param props Пропсы всплывающего
|
|
51
|
-
* @return Идентификатор нового
|
|
49
|
+
* Открыть новое окно.
|
|
50
|
+
* @param props Пропсы всплывающего окна
|
|
51
|
+
* @return Идентификатор нового окна
|
|
52
52
|
*/
|
|
53
53
|
function addNotification(_ref4) {
|
|
54
54
|
var externalId = _ref4.id,
|
|
@@ -60,11 +60,9 @@ function addNotification(_ref4) {
|
|
|
60
60
|
id: id,
|
|
61
61
|
isHidden: false
|
|
62
62
|
}));
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}, timeout);
|
|
67
|
-
}
|
|
63
|
+
setTimeout(function () {
|
|
64
|
+
return closeNotification(id);
|
|
65
|
+
}, timeout);
|
|
68
66
|
return id;
|
|
69
67
|
}
|
|
70
68
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsStore.js","sources":["../../../src/components/Notification/NotificationsStore.ts"],"sourcesContent":["import { createStoreon, StoreonStore } from 'storeon';\n\nimport { NotificationProps } from './Notification.types';\n\nexport type NotificationItem = {\n id: string;\n isHidden?: boolean;\n};\nexport type NotificationsState = {\n notifications: NotificationItem[];\n};\nexport type NotificationsEvents = {\n add: NotificationItem;\n hide: string;\n remove: string;\n};\n\n/**\n * Создает хранилищие с ключем `notifications` к массиву с окнами.\n */\nexport const NotificationsStore = createStoreon([\n (store: StoreonStore<NotificationsState, NotificationsEvents>) => {\n store.on('@init', () => ({ notifications: [] }));\n\n store.on('add', ({ notifications }, notif) => {\n return { notifications: notifications.concat([notif]) };\n });\n\n store.on('hide', ({ notifications }, id) => {\n return {\n notifications: notifications.map((notif) => (id === notif.id ? { ...notif, isHidden: true } : notif)),\n };\n });\n\n store.on('remove', ({ notifications }, id) => {\n return { notifications: notifications.filter((notif) => id !== notif.id) };\n });\n },\n]);\n\nexport const closeNotification = (id: string, delay = 380) => {\n const { dispatch } = NotificationsStore;\n\n dispatch('hide', id);\n setTimeout(() => dispatch('remove', id), delay);\n};\n\n/**\n * Открыть новое
|
|
1
|
+
{"version":3,"file":"NotificationsStore.js","sources":["../../../src/components/Notification/NotificationsStore.ts"],"sourcesContent":["import { createStoreon, StoreonStore } from 'storeon';\n\nimport { NotificationProps } from './Notification.types';\n\nexport type NotificationItem = {\n id: string;\n isHidden?: boolean;\n};\nexport type NotificationsState = {\n notifications: NotificationItem[];\n};\nexport type NotificationsEvents = {\n add: NotificationItem;\n hide: string;\n remove: string;\n};\n\n/**\n * Создает хранилищие с ключем `notifications` к массиву с окнами.\n */\nexport const NotificationsStore = createStoreon([\n (store: StoreonStore<NotificationsState, NotificationsEvents>) => {\n store.on('@init', () => ({ notifications: [] }));\n\n store.on('add', ({ notifications }, notif) => {\n return { notifications: notifications.concat([notif]) };\n });\n\n store.on('hide', ({ notifications }, id) => {\n return {\n notifications: notifications.map((notif) => (id === notif.id ? { ...notif, isHidden: true } : notif)),\n };\n });\n\n store.on('remove', ({ notifications }, id) => {\n return { notifications: notifications.filter((notif) => id !== notif.id) };\n });\n },\n]);\n\nexport const closeNotification = (id: string, delay = 380) => {\n const { dispatch } = NotificationsStore;\n\n dispatch('hide', id);\n setTimeout(() => dispatch('remove', id), delay);\n};\n\n/**\n * Открыть новое окно.\n * @param props Пропсы всплывающего окна\n * @return Идентификатор нового окна\n */\nexport function addNotification({ id: externalId, ...rest }: NotificationProps, timeout = 2000) {\n const id = externalId || `plasma-notification-${Date.now()}`;\n const { dispatch } = NotificationsStore;\n\n dispatch('add', {\n ...rest,\n id,\n isHidden: false,\n });\n\n setTimeout(() => closeNotification(id), timeout);\n\n return id;\n}\n"],"names":["NotificationsStore","createStoreon","store","on","notifications","_ref","notif","concat","_ref2","id","map","_objectSpread","isHidden","_ref3","filter","closeNotification","delay","arguments","length","undefined","dispatch","setTimeout","addNotification","_ref4","externalId","rest","_objectWithoutProperties","_excluded","timeout","Date","now"],"mappings":";;;;AAiBA;AACA;AACA;AACO,IAAMA,kBAAkB,gBAAGC,aAAa,CAAC,CAC5C,UAACC,KAA4D,EAAK;AAC9DA,EAAAA,KAAK,CAACC,EAAE,CAAC,OAAO,EAAE,YAAA;IAAA,OAAO;AAAEC,MAAAA,aAAa,EAAE,EAAA;KAAI,CAAA;AAAA,GAAC,CAAC,CAAA;EAEhDF,KAAK,CAACC,EAAE,CAAC,KAAK,EAAE,UAAAE,IAAA,EAAoBC,KAAK,EAAK;AAAA,IAAA,IAA3BF,aAAa,GAAAC,IAAA,CAAbD,aAAa,CAAA;IAC5B,OAAO;AAAEA,MAAAA,aAAa,EAAEA,aAAa,CAACG,MAAM,CAAC,CAACD,KAAK,CAAC,CAAA;KAAG,CAAA;AAC3D,GAAC,CAAC,CAAA;EAEFJ,KAAK,CAACC,EAAE,CAAC,MAAM,EAAE,UAAAK,KAAA,EAAoBC,EAAE,EAAK;AAAA,IAAA,IAAxBL,aAAa,GAAAI,KAAA,CAAbJ,aAAa,CAAA;IAC7B,OAAO;AACHA,MAAAA,aAAa,EAAEA,aAAa,CAACM,GAAG,CAAC,UAACJ,KAAK,EAAA;QAAA,OAAMG,EAAE,KAAKH,KAAK,CAACG,EAAE,GAAAE,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAQL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,EAAE,IAAA;AAAI,SAAA,CAAA,GAAKN,KAAK,CAAA;OAAC,CAAA;KACvG,CAAA;AACL,GAAC,CAAC,CAAA;EAEFJ,KAAK,CAACC,EAAE,CAAC,QAAQ,EAAE,UAAAU,KAAA,EAAoBJ,EAAE,EAAK;AAAA,IAAA,IAAxBL,aAAa,GAAAS,KAAA,CAAbT,aAAa,CAAA;IAC/B,OAAO;AAAEA,MAAAA,aAAa,EAAEA,aAAa,CAACU,MAAM,CAAC,UAACR,KAAK,EAAA;AAAA,QAAA,OAAKG,EAAE,KAAKH,KAAK,CAACG,EAAE,CAAA;AAAA,OAAA,CAAA;KAAG,CAAA;AAC9E,GAAC,CAAC,CAAA;AACN,CAAC,CACJ,EAAC;IAEWM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIN,EAAU,EAAkB;AAAA,EAAA,IAAhBO,KAAK,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,GAAG,CAAA;AACrD,EAAA,IAAQG,QAAQ,GAAKpB,kBAAkB,CAA/BoB,QAAQ,CAAA;AAEhBA,EAAAA,QAAQ,CAAC,MAAM,EAAEX,EAAE,CAAC,CAAA;AACpBY,EAAAA,UAAU,CAAC,YAAA;AAAA,IAAA,OAAMD,QAAQ,CAAC,QAAQ,EAAEX,EAAE,CAAC,CAAA;AAAA,GAAA,EAAEO,KAAK,CAAC,CAAA;AACnD,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASM,eAAeA,CAAAC,KAAA,EAAiE;AAAA,EAAA,IAA1DC,UAAU,GAAAD,KAAA,CAAdd,EAAE;AAAiBgB,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,KAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,IAAuBC,OAAO,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;EAC1F,IAAMR,EAAE,GAAGe,UAAU,IAAAjB,sBAAAA,CAAAA,MAAA,CAA2BsB,IAAI,CAACC,GAAG,EAAE,CAAE,CAAA;AAC5D,EAAA,IAAQV,QAAQ,GAAKpB,kBAAkB,CAA/BoB,QAAQ,CAAA;AAEhBA,EAAAA,QAAQ,CAAC,KAAK,EAAAT,cAAA,CAAAA,cAAA,KACPc,IAAI,CAAA,EAAA,EAAA,EAAA;AACPhB,IAAAA,EAAE,EAAFA,EAAE;AACFG,IAAAA,QAAQ,EAAE,KAAA;AAAK,GAAA,CAClB,CAAC,CAAA;AAEFS,EAAAA,UAAU,CAAC,YAAA;IAAA,OAAMN,iBAAiB,CAACN,EAAE,CAAC,CAAA;AAAA,GAAA,EAAEmB,OAAO,CAAC,CAAA;AAEhD,EAAA,OAAOnB,EAAE,CAAA;AACb;;;;"}
|
package/es/index.css
CHANGED
|
@@ -292,10 +292,10 @@
|
|
|
292
292
|
.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
293
293
|
.CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
|
|
294
294
|
|
|
295
|
-
.
|
|
296
|
-
.
|
|
297
|
-
.
|
|
298
|
-
.
|
|
295
|
+
.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
|
|
296
|
+
.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
|
|
297
|
+
.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
|
298
|
+
.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
299
299
|
|
|
300
300
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
301
301
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.196.0-
|
|
3
|
+
"version": "0.196.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -129,5 +129,5 @@
|
|
|
129
129
|
"sideEffects": [
|
|
130
130
|
"*.css"
|
|
131
131
|
],
|
|
132
|
-
"gitHead": "
|
|
132
|
+
"gitHead": "2b254b53eb0a70be0fae43fdc0f7b872ec8a9bac"
|
|
133
133
|
}
|
|
@@ -129,5 +129,6 @@ var tokens = exports.tokens = {
|
|
|
129
129
|
calendarRangeBackground: '--plasma-calendar-range-background',
|
|
130
130
|
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
|
131
131
|
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
|
132
|
-
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
|
|
132
|
+
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
|
|
133
|
+
calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
|
|
133
134
|
};
|
package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
|
@@ -25,7 +25,7 @@ var StyledItem = exports.StyledItem = /*#__PURE__*/_styledComponents["default"].
|
|
|
25
25
|
return "".concat(offset, "px");
|
|
26
26
|
});
|
|
27
27
|
var disabledItem = function disabledItem() {
|
|
28
|
-
return "\n cursor: not-allowed;\n opacity:
|
|
28
|
+
return "\n cursor: not-allowed;\n opacity: var(".concat(_Calendar.tokens.calendarDisabledOpacity, ");\n");
|
|
29
29
|
};
|
|
30
30
|
var disabledCurrentItem = function disabledCurrentItem() {
|
|
31
31
|
return "\n ".concat(disabledItem(), ";\n");
|
|
@@ -37,7 +37,6 @@ ReactDOM.render(
|
|
|
37
37
|
### Вызов уведомления
|
|
38
38
|
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
|
|
39
39
|
Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
|
|
40
|
-
Оповещение закроется автоматически по истечению указанного `timeout` в миллисекундах или будет висеть вечно, если передан `0` или `null`.
|
|
41
40
|
|
|
42
41
|
```tsx live
|
|
43
42
|
import React from 'react';
|
|
@@ -60,9 +60,9 @@ var closeNotification = exports.closeNotification = function closeNotification(i
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
/**
|
|
63
|
-
* Открыть новое
|
|
64
|
-
* @param props Пропсы всплывающего
|
|
65
|
-
* @return Идентификатор нового
|
|
63
|
+
* Открыть новое окно.
|
|
64
|
+
* @param props Пропсы всплывающего окна
|
|
65
|
+
* @return Идентификатор нового окна
|
|
66
66
|
*/
|
|
67
67
|
function addNotification(_ref4) {
|
|
68
68
|
var externalId = _ref4.id,
|
|
@@ -74,10 +74,8 @@ function addNotification(_ref4) {
|
|
|
74
74
|
id: id,
|
|
75
75
|
isHidden: false
|
|
76
76
|
}));
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, timeout);
|
|
81
|
-
}
|
|
77
|
+
setTimeout(function () {
|
|
78
|
+
return closeNotification(id);
|
|
79
|
+
}, timeout);
|
|
82
80
|
return id;
|
|
83
81
|
}
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js
CHANGED
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
|
13
13
|
},
|
|
14
14
|
variations: {
|
|
15
15
|
view: {
|
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js
CHANGED
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
|
13
13
|
},
|
|
14
14
|
variations: {
|
|
15
15
|
view: {
|
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js
CHANGED
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
|
13
13
|
},
|
|
14
14
|
variations: {
|
|
15
15
|
view: {
|
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js
CHANGED
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
|
13
13
|
},
|
|
14
14
|
variations: {
|
|
15
15
|
view: {
|
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
|
@@ -123,5 +123,6 @@ export var tokens = {
|
|
|
123
123
|
calendarRangeBackground: '--plasma-calendar-range-background',
|
|
124
124
|
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
|
125
125
|
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
|
126
|
-
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
|
|
126
|
+
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
|
|
127
|
+
calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
|
|
127
128
|
};
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
|
@@ -18,7 +18,7 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
|
18
18
|
return "".concat(offset, "px");
|
|
19
19
|
});
|
|
20
20
|
var disabledItem = function disabledItem() {
|
|
21
|
-
return "\n cursor: not-allowed;\n opacity:
|
|
21
|
+
return "\n cursor: not-allowed;\n opacity: var(".concat(tokens.calendarDisabledOpacity, ");\n");
|
|
22
22
|
};
|
|
23
23
|
var disabledCurrentItem = function disabledCurrentItem() {
|
|
24
24
|
return "\n ".concat(disabledItem(), ";\n");
|
|
@@ -37,7 +37,6 @@ ReactDOM.render(
|
|
|
37
37
|
### Вызов уведомления
|
|
38
38
|
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
|
|
39
39
|
Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
|
|
40
|
-
Оповещение закроется автоматически по истечению указанного `timeout` в миллисекундах или будет висеть вечно, если передан `0` или `null`.
|
|
41
40
|
|
|
42
41
|
```tsx live
|
|
43
42
|
import React from 'react';
|
|
@@ -52,9 +52,9 @@ export var closeNotification = function closeNotification(id) {
|
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
/**
|
|
55
|
-
* Открыть новое
|
|
56
|
-
* @param props Пропсы всплывающего
|
|
57
|
-
* @return Идентификатор нового
|
|
55
|
+
* Открыть новое окно.
|
|
56
|
+
* @param props Пропсы всплывающего окна
|
|
57
|
+
* @return Идентификатор нового окна
|
|
58
58
|
*/
|
|
59
59
|
export function addNotification(_ref4) {
|
|
60
60
|
var externalId = _ref4.id,
|
|
@@ -66,10 +66,8 @@ export function addNotification(_ref4) {
|
|
|
66
66
|
id: id,
|
|
67
67
|
isHidden: false
|
|
68
68
|
}));
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}, timeout);
|
|
73
|
-
}
|
|
69
|
+
setTimeout(function () {
|
|
70
|
+
return closeNotification(id);
|
|
71
|
+
}, timeout);
|
|
74
72
|
return id;
|
|
75
73
|
}
|
|
@@ -7,7 +7,7 @@ export var config = {
|
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
|
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
13
|
l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarCurrentItemBorderWidth, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|