@salutejs/plasma-new-hope 0.270.0-canary.1757.13385858717.0 → 0.270.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -80,8 +80,6 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
-
min,
|
84
|
-
max,
|
85
83
|
...rest
|
86
84
|
}: StoryPropsDefault) => {
|
87
85
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -105,8 +103,6 @@ const StoryDefault = ({
|
|
105
103
|
lang={lang}
|
106
104
|
format={format}
|
107
105
|
onCommitDate={() => setIsOpen(false)}
|
108
|
-
min={min}
|
109
|
-
max={max}
|
110
106
|
{...rest}
|
111
107
|
/>
|
112
108
|
);
|
@@ -192,8 +188,6 @@ const StoryRange = ({
|
|
192
188
|
secondValueSuccess,
|
193
189
|
size,
|
194
190
|
lang,
|
195
|
-
min,
|
196
|
-
max,
|
197
191
|
...rest
|
198
192
|
}: StoryPropsRange) => {
|
199
193
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -246,8 +240,6 @@ const StoryRange = ({
|
|
246
240
|
onChangeSecondValue(e, currentValue);
|
247
241
|
}}
|
248
242
|
lang={lang}
|
249
|
-
min={min}
|
250
|
-
max={max}
|
251
243
|
{...dividerIconProps}
|
252
244
|
{...rest}
|
253
245
|
/>
|
@@ -314,8 +306,6 @@ const StoryDeferred = ({
|
|
314
306
|
valueError,
|
315
307
|
valueSuccess,
|
316
308
|
size,
|
317
|
-
min,
|
318
|
-
max,
|
319
309
|
...rest
|
320
310
|
}: StoryPropsDefault) => {
|
321
311
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -348,8 +338,6 @@ const StoryDeferred = ({
|
|
348
338
|
onChangeValue(e, currentValue);
|
349
339
|
}}
|
350
340
|
onCommitDate={() => setIsOpen(false)}
|
351
|
-
min={min}
|
352
|
-
max={max}
|
353
341
|
{...rest}
|
354
342
|
/>
|
355
343
|
</>
|
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
|
|
69
69
|
|
70
70
|
return (
|
71
71
|
<>
|
72
|
-
{Object.entries(groupedTokens).map(([category,
|
72
|
+
{Object.entries(groupedTokens).map(([category, subcategoties]) => (
|
73
73
|
<CategoryContainer key={category}>
|
74
74
|
<Category>{category}</Category>
|
75
75
|
<Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
|
76
|
-
{Object.entries(
|
76
|
+
{Object.entries(subcategoties).map(([subcategory, subcategoryTokens], index) => (
|
77
77
|
<StyledAccordionItem
|
78
78
|
key={subcategory}
|
79
79
|
eventKey={index}
|
@@ -85,31 +85,37 @@ const StoryDemo = ({ context }) => {
|
|
85
85
|
<ColorCircle disableShadow />
|
86
86
|
Color
|
87
87
|
</ColumnTitle>
|
88
|
+
<ColumnTitle>Tone</ColumnTitle>
|
88
89
|
<ColumnTitle>Opacity</ColumnTitle>
|
89
90
|
</AccordionInfo>
|
90
91
|
}
|
91
92
|
>
|
92
93
|
<TokenInfoWrapper>
|
93
|
-
{Object.entries(
|
94
|
-
|
95
|
-
<
|
96
|
-
{token}
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
94
|
+
{Object.entries(subcategoryTokens).map(
|
95
|
+
([token, { value, opacity, tone, colorName }]) => (
|
96
|
+
<AccordionInfo key={token}>
|
97
|
+
<TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
|
98
|
+
{token}
|
99
|
+
</TokenInfo>
|
100
|
+
<TokenInfo
|
101
|
+
className="color copy"
|
102
|
+
onClick={() => copyToClipboard(value, opacity?.alpha)}
|
103
|
+
>
|
104
|
+
<ColorCircle background={value} />
|
105
|
+
<div>
|
106
|
+
{value.includes('gradient') ? 'Градиент' : colorName || value}
|
107
|
+
{!colorName && opacity && (
|
108
|
+
<OpacityPart>{opacity.alpha}</OpacityPart>
|
109
|
+
)}
|
110
|
+
</div>
|
111
|
+
</TokenInfo>
|
112
|
+
<TokenInfo className="no-interaction">
|
113
|
+
{tone !== 'none' && tone}
|
114
|
+
</TokenInfo>
|
115
|
+
<TokenInfo className="no-interaction">{opacity?.parsedAlpha}</TokenInfo>
|
116
|
+
</AccordionInfo>
|
117
|
+
),
|
118
|
+
)}
|
113
119
|
</TokenInfoWrapper>
|
114
120
|
</StyledAccordionItem>
|
115
121
|
))}
|
@@ -9,7 +9,7 @@ export var Category = /*#__PURE__*/styled.h2.withConfig({
|
|
9
9
|
})(["margin:0 0 1.125rem 1.5rem;", ";"], h2);
|
10
10
|
export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
|
11
11
|
componentId: "plasma-new-hope__sc-19i9718-2"
|
12
|
-
})(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
|
12
|
+
})(["display:grid;grid-template-columns:18rem 7.938rem 2.375rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
|
13
13
|
export var Subcategory = /*#__PURE__*/styled.div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-19i9718-3"
|
15
15
|
})(["color:var(--text-secondary);"]);
|
@@ -27,7 +27,7 @@ export var OpacityPart = /*#__PURE__*/styled.span.withConfig({
|
|
27
27
|
})(["color:var(--text-secondary);padding-left:0.125rem;"]);
|
28
28
|
export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-19i9718-8"
|
30
|
-
})(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.
|
30
|
+
})(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.no-interaction{text-align:right;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
|
31
31
|
export var ColorCircle = /*#__PURE__*/styled.div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-19i9718-9"
|
33
33
|
})(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
|
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
|
|
100
100
|
isDouble={isDouble}
|
101
101
|
date={date}
|
102
102
|
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
103
|
+
min={min}
|
104
|
+
max={max}
|
103
105
|
includeEdgeDates={includeEdgeDates}
|
104
106
|
locale={locale}
|
105
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
106
|
-
min={min}
|
107
|
-
max={max}
|
108
108
|
/>
|
109
109
|
);
|
110
110
|
};
|
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
146
146
|
<CalendarDouble
|
147
147
|
size={size}
|
148
148
|
value={value}
|
149
|
+
min={min}
|
150
|
+
max={max}
|
149
151
|
includeEdgeDates={includeEdgeDates}
|
150
152
|
type={type}
|
151
153
|
locale={locale}
|
152
154
|
onChangeValue={handleOnChange}
|
153
|
-
min={min}
|
154
|
-
max={max}
|
155
155
|
{...rest}
|
156
156
|
/>
|
157
157
|
) : (
|
158
158
|
<CalendarBase
|
159
159
|
size={size}
|
160
160
|
value={value}
|
161
|
+
min={min}
|
162
|
+
max={max}
|
161
163
|
includeEdgeDates={includeEdgeDates}
|
162
164
|
type={type}
|
163
165
|
locale={locale}
|
164
166
|
onChangeValue={handleOnChange}
|
165
|
-
min={min}
|
166
|
-
max={max}
|
167
167
|
{...rest}
|
168
168
|
/>
|
169
169
|
);
|
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
233
233
|
<CalendarBaseRange
|
234
234
|
size={size}
|
235
235
|
value={values}
|
236
|
+
min={min}
|
237
|
+
max={max}
|
236
238
|
includeEdgeDates={includeEdgeDates}
|
237
239
|
type={type}
|
238
240
|
onChangeValue={handleOnChange}
|
239
241
|
locale={locale}
|
240
|
-
min={min}
|
241
|
-
max={max}
|
242
242
|
{...rest}
|
243
243
|
/>
|
244
244
|
) : (
|
245
245
|
<CalendarDoubleRange
|
246
246
|
size={size}
|
247
247
|
value={values}
|
248
|
+
min={min}
|
249
|
+
max={max}
|
248
250
|
includeEdgeDates={includeEdgeDates}
|
249
251
|
type={type}
|
250
252
|
onChangeValue={handleOnChange}
|
251
253
|
locale={locale}
|
252
|
-
min={min}
|
253
|
-
max={max}
|
254
254
|
{...rest}
|
255
255
|
/>
|
256
256
|
);
|
package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import {
|
4
|
+
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconButton } from '../IconButton/IconButton';
|
@@ -80,8 +80,6 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
-
min,
|
84
|
-
max,
|
85
83
|
...rest
|
86
84
|
}: StoryPropsDefault) => {
|
87
85
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -105,8 +103,6 @@ const StoryDefault = ({
|
|
105
103
|
lang={lang}
|
106
104
|
format={format}
|
107
105
|
onCommitDate={() => setIsOpen(false)}
|
108
|
-
min={min}
|
109
|
-
max={max}
|
110
106
|
{...rest}
|
111
107
|
/>
|
112
108
|
);
|
@@ -192,8 +188,6 @@ const StoryRange = ({
|
|
192
188
|
secondValueSuccess,
|
193
189
|
size,
|
194
190
|
lang,
|
195
|
-
min,
|
196
|
-
max,
|
197
191
|
...rest
|
198
192
|
}: StoryPropsRange) => {
|
199
193
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -246,8 +240,6 @@ const StoryRange = ({
|
|
246
240
|
onChangeSecondValue(e, currentValue);
|
247
241
|
}}
|
248
242
|
lang={lang}
|
249
|
-
min={min}
|
250
|
-
max={max}
|
251
243
|
{...dividerIconProps}
|
252
244
|
{...rest}
|
253
245
|
/>
|
@@ -314,8 +306,6 @@ const StoryDeferred = ({
|
|
314
306
|
valueError,
|
315
307
|
valueSuccess,
|
316
308
|
size,
|
317
|
-
min,
|
318
|
-
max,
|
319
309
|
...rest
|
320
310
|
}: StoryPropsDefault) => {
|
321
311
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -348,8 +338,6 @@ const StoryDeferred = ({
|
|
348
338
|
onChangeValue(e, currentValue);
|
349
339
|
}}
|
350
340
|
onCommitDate={() => setIsOpen(false)}
|
351
|
-
min={min}
|
352
|
-
max={max}
|
353
341
|
{...rest}
|
354
342
|
/>
|
355
343
|
</>
|
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
|
|
69
69
|
|
70
70
|
return (
|
71
71
|
<>
|
72
|
-
{Object.entries(groupedTokens).map(([category,
|
72
|
+
{Object.entries(groupedTokens).map(([category, subcategoties]) => (
|
73
73
|
<CategoryContainer key={category}>
|
74
74
|
<Category>{category}</Category>
|
75
75
|
<Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
|
76
|
-
{Object.entries(
|
76
|
+
{Object.entries(subcategoties).map(([subcategory, subcategoryTokens], index) => (
|
77
77
|
<StyledAccordionItem
|
78
78
|
key={subcategory}
|
79
79
|
eventKey={index}
|
@@ -85,31 +85,37 @@ const StoryDemo = ({ context }) => {
|
|
85
85
|
<ColorCircle disableShadow />
|
86
86
|
Color
|
87
87
|
</ColumnTitle>
|
88
|
+
<ColumnTitle>Tone</ColumnTitle>
|
88
89
|
<ColumnTitle>Opacity</ColumnTitle>
|
89
90
|
</AccordionInfo>
|
90
91
|
}
|
91
92
|
>
|
92
93
|
<TokenInfoWrapper>
|
93
|
-
{Object.entries(
|
94
|
-
|
95
|
-
<
|
96
|
-
{token}
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
94
|
+
{Object.entries(subcategoryTokens).map(
|
95
|
+
([token, { value, opacity, tone, colorName }]) => (
|
96
|
+
<AccordionInfo key={token}>
|
97
|
+
<TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
|
98
|
+
{token}
|
99
|
+
</TokenInfo>
|
100
|
+
<TokenInfo
|
101
|
+
className="color copy"
|
102
|
+
onClick={() => copyToClipboard(value, opacity?.alpha)}
|
103
|
+
>
|
104
|
+
<ColorCircle background={value} />
|
105
|
+
<div>
|
106
|
+
{value.includes('gradient') ? 'Градиент' : colorName || value}
|
107
|
+
{!colorName && opacity && (
|
108
|
+
<OpacityPart>{opacity.alpha}</OpacityPart>
|
109
|
+
)}
|
110
|
+
</div>
|
111
|
+
</TokenInfo>
|
112
|
+
<TokenInfo className="no-interaction">
|
113
|
+
{tone !== 'none' && tone}
|
114
|
+
</TokenInfo>
|
115
|
+
<TokenInfo className="no-interaction">{opacity?.parsedAlpha}</TokenInfo>
|
116
|
+
</AccordionInfo>
|
117
|
+
),
|
118
|
+
)}
|
113
119
|
</TokenInfoWrapper>
|
114
120
|
</StyledAccordionItem>
|
115
121
|
))}
|
@@ -9,7 +9,7 @@ export var Category = /*#__PURE__*/styled.h2.withConfig({
|
|
9
9
|
})(["margin:0 0 1.125rem 1.5rem;", ";"], h2);
|
10
10
|
export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
|
11
11
|
componentId: "plasma-new-hope__sc-1ptu1dv-2"
|
12
|
-
})(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
|
12
|
+
})(["display:grid;grid-template-columns:18rem 7.938rem 2.375rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
|
13
13
|
export var Subcategory = /*#__PURE__*/styled.div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-1ptu1dv-3"
|
15
15
|
})(["color:var(--text-secondary);"]);
|
@@ -27,7 +27,7 @@ export var OpacityPart = /*#__PURE__*/styled.span.withConfig({
|
|
27
27
|
})(["color:var(--text-secondary);padding-left:0.125rem;"]);
|
28
28
|
export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1ptu1dv-8"
|
30
|
-
})(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.
|
30
|
+
})(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.no-interaction{text-align:right;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
|
31
31
|
export var ColorCircle = /*#__PURE__*/styled.div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-1ptu1dv-9"
|
33
33
|
})(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMV,cAAc,EAGjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAMnF,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMV,cAAc,EAGjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAMnF,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GA0M3F,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA5MQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;CA6N/F,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarDouble.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarDouble/CalendarDouble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKV,cAAc,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAInF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQnD,oBAAY,mBAAmB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"CalendarDouble.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarDouble/CalendarDouble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKV,cAAc,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAInF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQnD,oBAAY,mBAAmB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GAqV7F,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAvVQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;CAqWjG,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
1
|
+
{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8KxD,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,
|
1
|
+
{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2K5D,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
1
|
+
{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+KtD,CAAC"}
|