feat: paragraph nospacing (#170)

corcordium · web-flow · commit d3390d414af5 · 2022-04-20T19:45:11.000+08:00
* feat: paragraph nospacing

* feat: paragraph nospacing

* feat: paragraph nospacing
diff --git a/.changeset/hip-knives-beam.md b/.changeset/hip-knives-beam.md
@@ -0,0 +1,5 @@
+---
+'cosmic-ui-alpha': patch
+---
+
+paragraph support nospacing
diff --git a/packages/ui/breadcrumb/breadcrumb.module.css.d.ts b/packages/ui/breadcrumb/breadcrumb.module.css.d.ts
@@ -1,6 +1,6 @@
 declare const styles: {
   readonly "breadcrumb": string;
-  readonly "breadcrumb-item": string;
+  readonly "breadcrumbItem": string;
   readonly "link": string;
   readonly "separator": string;
   readonly "icon": string;
diff --git a/packages/ui/card/card.module.css.d.ts b/packages/ui/card/card.module.css.d.ts
@@ -1,8 +1,8 @@
 declare const styles: {
   readonly "card": string;
   readonly "header": string;
-  readonly "header-title": string;
-  readonly "header-extra": string;
+  readonly "headerTitle": string;
+  readonly "headerExtra": string;
   readonly "content": string;
   readonly "footer": string;
   readonly "action": string;
diff --git a/packages/ui/carousel/carousel.module.css.d.ts b/packages/ui/carousel/carousel.module.css.d.ts
@@ -7,8 +7,8 @@ declare const styles: {
   readonly "active": string;
   readonly "line": string;
   readonly "arrow": string;
-  readonly "arrow-left": string;
-  readonly "arrow-right": string;
+  readonly "arrowLeft": string;
+  readonly "arrowRight": string;
   readonly "item": string;
   readonly "light": string;
 };
diff --git a/packages/ui/cascader/cascader.module.css.d.ts b/packages/ui/cascader/cascader.module.css.d.ts
@@ -1,18 +1,18 @@
 declare const styles: {
-  readonly "cos-cascader": string;
-  readonly "cos-trigger": string;
-  readonly "cos-popover-wrapper": string;
-  readonly "cos-trigger-input": string;
-  readonly "cos-cascader-items": string;
-  readonly "cos-left": string;
-  readonly "cos-label": string;
+  readonly "cosCascader": string;
+  readonly "cosTrigger": string;
+  readonly "cosPopoverWrapper": string;
+  readonly "cosTriggerInput": string;
+  readonly "cosCascaderItems": string;
+  readonly "cosLeft": string;
+  readonly "cosLabel": string;
   readonly "active": string;
-  readonly "cos-name": string;
-  readonly "cos-icons": string;
-  readonly "icon-right-arrow": string;
-  readonly "icon-loading": string;
+  readonly "cosName": string;
+  readonly "cosIcons": string;
+  readonly "iconRightArrow": string;
+  readonly "iconLoading": string;
   readonly "spin": string;
-  readonly "cos-right": string;
+  readonly "cosRight": string;
 };
 export = styles;
 
diff --git a/packages/ui/divider/divider.module.css.d.ts b/packages/ui/divider/divider.module.css.d.ts
@@ -1,7 +1,7 @@
 declare const styles: {
   readonly "horizontal": string;
   readonly "vertical": string;
-  readonly "slot-container": string;
+  readonly "slotContainer": string;
 };
 export = styles;
 
diff --git a/packages/ui/input-number/input-number.module.css.d.ts b/packages/ui/input-number/input-number.module.css.d.ts
@@ -1,11 +1,11 @@
 declare const styles: {
-  readonly "input-text": string;
+  readonly "inputText": string;
   readonly "prefix": string;
   readonly "suffix": string;
   readonly "input": string;
-  readonly "arrow-icons": string;
-  readonly "arrow-icon-item": string;
-  readonly "icon-item": string;
+  readonly "arrowIcons": string;
+  readonly "arrowIconItem": string;
+  readonly "iconItem": string;
 };
 export = styles;
 
diff --git a/packages/ui/list/list.module.css.d.ts b/packages/ui/list/list.module.css.d.ts
@@ -1,5 +1,5 @@
 declare const styles: {
-  readonly "list-wrap": string;
+  readonly "listWrap": string;
   readonly "list": string;
   readonly "x": string;
   readonly "y": string;
diff --git a/packages/ui/loading/loading.module.css.d.ts b/packages/ui/loading/loading.module.css.d.ts
@@ -1,10 +1,10 @@
 declare const styles: {
   readonly "spin": string;
-  readonly "spin-spinning": string;
-  readonly "spin-nested-loading": string;
-  readonly "spin-nested-spinning": string;
-  readonly "spin-container": string;
-  readonly "spin-blur": string;
+  readonly "spinSpinning": string;
+  readonly "spinNestedLoading": string;
+  readonly "spinNestedSpinning": string;
+  readonly "spinContainer": string;
+  readonly "spinBlur": string;
 };
 export = styles;
 
diff --git a/packages/ui/menu/menu.module.css.d.ts b/packages/ui/menu/menu.module.css.d.ts
@@ -2,7 +2,7 @@ declare const styles: {
   readonly "menu": string;
   readonly "popover": string;
   readonly "ul": string;
-  readonly "menu-option": string;
+  readonly "menuOption": string;
   readonly "option": string;
   readonly "label": string;
 };
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -20,7 +20,7 @@
         "typecheck": "vue-tsc --noEmit -p ../../tsconfig.json",
         "build": "rimraf dist && npm run build:dts && npm run build:vite && npm run build:css",
         "build:vite": "vite build",
-        "build:dts": "tcm -p './**/**.module.css'",
+        "build:dts": "tcm -p './**/**.module.css' -c",
         "build:css": "cosmic-util -u ./dist/utilities-unminify.css && node ./script/build-css.js"
     },
     "devDependencies": {
diff --git a/packages/ui/paragraph/paragraph.module.css b/packages/ui/paragraph/paragraph.module.css
@@ -23,6 +23,32 @@
     line-height: var(--leading-lg);
 }
 
+.no-spacing {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+}
+
+.no-spacing .paragraph:global(.xs) {
+    margin-top: -.1rem;
+    margin-bottom: -.1rem;
+}
+
+.no-spacing .paragraph:global(.sm) {
+    margin-top: -.3rem;
+    margin-bottom: -.3rem;
+}
+
+.no-spacing .paragraph:global(.md) {
+    margin-top: -.35rem;
+    margin-bottom: -.35rem;
+}
+
+.no-spacing .paragraph:global(.lg) {
+    margin-top: -.4rem;
+    margin-bottom: -.4rem;
+}
+
 .prefix {
     display: inline-block;
     vertical-align: baseline;
diff --git a/packages/ui/paragraph/paragraph.module.css.d.ts b/packages/ui/paragraph/paragraph.module.css.d.ts
@@ -1,5 +1,6 @@
 declare const styles: {
   readonly "paragraph": string;
+  readonly "noSpacing": string;
   readonly "prefix": string;
   readonly "suffix": string;
 };
diff --git a/packages/ui/radio/radio-button.module.css.d.ts b/packages/ui/radio/radio-button.module.css.d.ts
@@ -1,5 +1,5 @@
 declare const styles: {
-  readonly "radio-button": string;
+  readonly "radioButton": string;
 };
 export = styles;
 
diff --git a/packages/ui/select/select.module.css.d.ts b/packages/ui/select/select.module.css.d.ts
@@ -4,7 +4,7 @@ declare const styles: {
   readonly "inherit": string;
   readonly "border": string;
   readonly "popover": string;
-  readonly "select-option": string;
+  readonly "selectOption": string;
   readonly "option": string;
 };
 export = styles;
diff --git a/packages/ui/tabs/tabs.module.css.d.ts b/packages/ui/tabs/tabs.module.css.d.ts
@@ -1,7 +1,7 @@
 declare const styles: {
   readonly "tabs": string;
   readonly "cursor": string;
-  readonly "tab-pane": string;
+  readonly "tabPane": string;
   readonly "label": string;
   readonly "tabs-nav": string;
   readonly "tabs-nav-item": string;
diff --git a/packages/ui/tree/tree-light.module.css.d.ts b/packages/ui/tree/tree-light.module.css.d.ts
@@ -8,7 +8,7 @@ declare const styles: {
   readonly "prefix": string;
   readonly "subfix": string;
   readonly "input": string;
-  readonly "drag-handle": string;
+  readonly "dragHandle": string;
 };
 export = styles;
 
diff --git a/packages/ui/tree/tree-secondary.module.css.d.ts b/packages/ui/tree/tree-secondary.module.css.d.ts
@@ -8,7 +8,7 @@ declare const styles: {
   readonly "prefix": string;
   readonly "subfix": string;
   readonly "input": string;
-  readonly "drag-handle": string;
+  readonly "dragHandle": string;
 };
 export = styles;
 
diff --git a/packages/ui/tree/tree.module.css.d.ts b/packages/ui/tree/tree.module.css.d.ts
@@ -8,7 +8,7 @@ declare const styles: {
   readonly "prefix": string;
   readonly "subfix": string;
   readonly "input": string;
-  readonly "drag-handle": string;
+  readonly "dragHandle": string;
 };
 export = styles;
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'cosmic-ui-alpha': patch
 +---
++
 +paragraph support nospacing