@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.
Files changed (78) hide show
  1. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  5. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  6. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  7. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  9. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  10. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  11. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  12. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  13. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  14. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  15. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  16. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  17. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
  18. package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  19. package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
  20. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  21. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
  22. package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  23. package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
  24. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  25. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  26. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  27. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  28. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  29. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  30. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
  31. package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  32. package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
  33. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  34. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
  35. package/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  36. package/emotion/es/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
  37. package/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  38. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  39. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  40. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  41. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  42. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  43. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  44. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  45. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  46. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  47. package/package.json +5 -5
  48. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  49. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  50. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  51. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  52. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  53. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  54. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
  55. package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  56. package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
  57. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  58. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
  59. package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  60. package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
  61. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  62. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  63. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  64. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  65. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  66. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  67. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -12
  68. package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  69. package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
  70. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  71. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -13
  72. package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  73. package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
  74. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  75. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  76. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  77. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  78. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
@@ -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, value]) => (
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(value).map(([subcategory, value2], index) => (
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(value2).map(([token, { value: value3, opacity }]) => (
94
- <AccordionInfo key={token}>
95
- <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
96
- {token}
97
- </TokenInfo>
98
- <TokenInfo
99
- className="color copy"
100
- onClick={() => copyToClipboard(value3, opacity?.alpha)}
101
- >
102
- <ColorCircle background={value3} />
103
- <div>
104
- {value3.includes('gradient') ? 'Градиент' : value3}
105
- {opacity && <OpacityPart>{opacity.alpha}</OpacityPart>}
106
- </div>
107
- </TokenInfo>
108
- {opacity && (
109
- <TokenInfo className="opacity">{opacity.parsedAlpha}</TokenInfo>
110
- )}
111
- </AccordionInfo>
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;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
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
  );
@@ -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 { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
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, value]) => (
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(value).map(([subcategory, value2], index) => (
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(value2).map(([token, { value: value3, opacity }]) => (
94
- <AccordionInfo key={token}>
95
- <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
96
- {token}
97
- </TokenInfo>
98
- <TokenInfo
99
- className="color copy"
100
- onClick={() => copyToClipboard(value3, opacity?.alpha)}
101
- >
102
- <ColorCircle background={value3} />
103
- <div>
104
- {value3.includes('gradient') ? 'Градиент' : value3}
105
- {opacity && <OpacityPart>{opacity.alpha}</OpacityPart>}
106
- </div>
107
- </TokenInfo>
108
- {opacity && (
109
- <TokenInfo className="opacity">{opacity.parsedAlpha}</TokenInfo>
110
- )}
111
- </AccordionInfo>
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;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
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,0GA6M3F,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA/MQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;CAgO/F,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,0GAwV7F,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBA1VQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;CAwWjG,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,CAyLxD,CAAC"}
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,CAqL5D,CAAC"}
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,CA0LtD,CAAC"}
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"}