Skip to content

Commit

Permalink
feat(sdds-serv/dfa): update Calendar configs & stories
Browse files Browse the repository at this point in the history
  • Loading branch information
@TitanKuzmich
TitanKuzmich committed Jul 16, 2024
1 parent 26d3d1c commit 6c0f6e4
Show file tree
Hide file tree
Showing 9 changed files with 1,267 additions and 187 deletions.
357 changes: 170 additions & 187 deletions packages/sdds-dfa/src/components/Calendar/Calendar.stories.tsx
View file

Large diffs are not rendered by default.

52 changes: 52 additions & 0 deletions packages/sdds-dfa/src/components/Calendar/CalendarBase.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,19 @@ export const config = {
${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);
${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.75rem;
${calendarBaseTokens.calendarQuarterItemWidth}: 11.75rem;
${calendarBaseTokens.calendarQuarterItemHeight}: 10.5rem;
${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);
${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);
${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);
${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);
${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);
${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem;
${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem;
Expand Down Expand Up @@ -113,6 +126,19 @@ export const config = {
${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);
${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.625rem;
${calendarBaseTokens.calendarQuarterItemWidth}: 10rem;
${calendarBaseTokens.calendarQuarterItemHeight}: 8.5rem;
${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);
${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);
${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);
${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);
${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);
${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem;
${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem;
Expand Down Expand Up @@ -174,6 +200,19 @@ export const config = {
${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);
${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;
${calendarBaseTokens.calendarQuarterItemWidth}: 8.25rem;
${calendarBaseTokens.calendarQuarterItemHeight}: 7rem;
${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);
${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);
${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);
${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);
${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);
${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;
${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem;
Expand Down Expand Up @@ -235,6 +274,19 @@ export const config = {
${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);
${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;
${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.375rem;
${calendarBaseTokens.calendarQuarterItemWidth}: 8.25rem;
${calendarBaseTokens.calendarQuarterItemHeight}: 6.563rem;
${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);
${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);
${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);
${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);
${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);
${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;
${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem;
${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem;
Expand Down
52 changes: 52 additions & 0 deletions packages/sdds-dfa/src/components/Calendar/CalendarDouble.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,19 @@ export const config = {
${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);
${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.75rem;
${calendarDoubleTokens.calendarQuarterItemWidth}: 11.75rem;
${calendarDoubleTokens.calendarQuarterItemHeight}: 10.5rem;
${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);
${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);
${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);
${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);
${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);
${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem;
${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem;
Expand Down Expand Up @@ -114,6 +127,19 @@ export const config = {
${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);
${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.625rem;
${calendarDoubleTokens.calendarQuarterItemWidth}: 10rem;
${calendarDoubleTokens.calendarQuarterItemHeight}: 8.5rem;
${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);
${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);
${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);
${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);
${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);
${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem;
${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem;
Expand Down Expand Up @@ -176,6 +202,19 @@ export const config = {
${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);
${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;
${calendarDoubleTokens.calendarQuarterItemWidth}: 8.25rem;
${calendarDoubleTokens.calendarQuarterItemHeight}: 7rem;
${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);
${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);
${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);
${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);
${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);
${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;
${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;
${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem;
Expand Down Expand Up @@ -237,6 +276,19 @@ export const config = {
${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);
${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;
${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.375rem;
${calendarDoubleTokens.calendarQuarterItemWidth}: 8.25rem;
${calendarDoubleTokens.calendarQuarterItemHeight}: 6.563rem;
${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);
${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);
${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);
${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);
${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);
${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;
${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem;
${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem;
Expand Down
Loading

0 comments on commit 6c0f6e4

Please sign in to comment.