diff --git a/applications/common/backend/src/main/resources/libs/kyanite/common/components/common/size/.content.json b/applications/common/backend/src/main/resources/libs/kyanite/common/components/common/size/.content.json index de5da63ac..9702a49ea 100644 --- a/applications/common/backend/src/main/resources/libs/kyanite/common/components/common/size/.content.json +++ b/applications/common/backend/src/main/resources/libs/kyanite/common/components/common/size/.content.json @@ -22,4 +22,4 @@ "label": "Large", "value": "is-large" } -} \ No newline at end of file +} diff --git a/applications/common/backend/src/main/resources/libs/kyanite/common/components/content/dialog/.content.json b/applications/common/backend/src/main/resources/libs/kyanite/common/components/content/dialog/.content.json index fc66fcd1a..83de592cb 100644 --- a/applications/common/backend/src/main/resources/libs/kyanite/common/components/content/dialog/.content.json +++ b/applications/common/backend/src/main/resources/libs/kyanite/common/components/content/dialog/.content.json @@ -21,7 +21,21 @@ }, "size": { "sling:resourceType": "wcm/dialogs/components/include", - "path": "kyanite/common/components/common/size" + "include": { + "sling:resourceSuperType": "/libs/kyanite/common/components/common/size", + "extraSmall-2x": { + "sling:resourceType": "wcm/dialogs/components/select/selectitem", + "label": "2 Extra small", + "value": "is-2xsmall", + "sling:orderBefore": "small" + }, + "extraSmall": { + "sling:resourceType": "wcm/dialogs/components/select/selectitem", + "label": "Extra small", + "value": "is-xsmall", + "sling:orderBefore": "small" + } + } }, "textweight": { "sling:resourceType": "wcm/dialogs/components/include", diff --git a/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.font-size.scss b/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.font-size.scss index 879596ccd..e4c73fc09 100644 --- a/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.font-size.scss +++ b/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.font-size.scss @@ -24,6 +24,7 @@ // 16px as base $map_t-font-sizes: ( 'base': 1rem, + '10': 0.625rem, '12': 0.75rem, '14': 0.875rem, '16': 1rem, diff --git a/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.line-height.scss b/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.line-height.scss index d2b5a654c..187493b5f 100644 --- a/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.line-height.scss +++ b/applications/common/frontend/src/atomic-design-system/00-token/t.font/t.line-height.scss @@ -18,6 +18,7 @@ $map_t-line-heights: ( '100': 100%, + '140': 140%, '150': 150%, '155': 155%, ); diff --git a/applications/common/frontend/src/atomic-design-system/01-atom/a.content.scss b/applications/common/frontend/src/atomic-design-system/01-atom/a.content.scss index 20c7e38ce..d3e8977b6 100644 --- a/applications/common/frontend/src/atomic-design-system/01-atom/a.content.scss +++ b/applications/common/frontend/src/atomic-design-system/01-atom/a.content.scss @@ -36,7 +36,13 @@ color: unset; } + &-2xs { + line-height: var(--line-height-140); + font-size: var(--font-size-10); + } + &-xs { + line-height: var(--line-height-150); font-size: var(--font-size-12); } diff --git a/applications/common/frontend/src/components/Content/Content.scss b/applications/common/frontend/src/components/Content/Content.scss index 2b46869ec..3cbdf53ac 100644 --- a/applications/common/frontend/src/components/Content/Content.scss +++ b/applications/common/frontend/src/components/Content/Content.scss @@ -21,6 +21,10 @@ .content { @extend .a-content; + &.is-2xsmall { + @extend .a-content-2xs; + } + &.is-xsmall { @extend .a-content-xs; }