docs: update dockit-core

divriots · Jan 31, 2022 · 8000422 · 8000422
1 parent 797fb12
commit 8000422
Show file tree

Hide file tree

Showing 10 changed files with 340 additions and 263 deletions.
diff --git a/border-radius/doc/doc.md b/border-radius/doc/doc.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,10 +8,10 @@ import '~/md-layout';
 ## border-radius
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--border-radius"
   component-class="box"
   style-key="border-radius"
   checkered-background="false"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
diff --git a/colors/doc/colors.md b/colors/doc/colors.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,19 +8,19 @@ import '~/md-layout';
 ## background-color
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--color"
   component-class="box"
   style-key="background-color"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ## color
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--color"
   component-type="text"
   style-key="color"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
diff --git a/elevation/doc/doc.md b/elevation/doc/doc.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,10 +8,10 @@ import '~/md-layout';
 ## box-shadow
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--shadow"
   component-class="box"
   style-key="box-shadow"
   checkered-background="false"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
diff --git a/package.json b/package.json
@@ -13,8 +13,8 @@
     "vue": "^3.1.4"
   },
   "devDependencies": {
-    "@divriots/dockit-core": "^0.1.9",
+    "@divriots/dockit-core": "^0.6.4",
     "lit": "^2.0.2",
     "prettier": "^2.3.2"
   }
-}
+}
diff --git a/spacing/doc/doc.md b/spacing/doc/doc.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,5 +8,5 @@ import '~/md-layout';
 ## spaces
 
 ```html story
-<dockit-sass-showcases css-props-prefix="--spacing"></dockit-sass-showcases>
+<dockit-css-showcases css-props-prefix="--spacing"></dockit-css-showcases>
 ```
diff --git a/theme/doc/index.md b/theme/doc/index.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -27,96 +27,96 @@ It then use those internal tokens to defines theme-specific tokens depending on
 ### font-family
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-names="--vue-font-family,--vue-font-family-code"
   component-type="text"
   style-key="font-family"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### font-size
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-font-size"
   component-type="text"
   style-key="font-size"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### font-weight
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-font-weight"
   component-type="text"
   style-key="font-weight"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### letter-spacing
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-letter-spacing"
   component-type="text"
   style-key="letter-spacing"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### line-height
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-line-height"
   component-type="text"
   style-key="line-height"
   long-text
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### background-color
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-color"
   component-class="box"
   style-key="background-color"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### color
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-color"
   component-type="text"
   style-key="color"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ### spaces
 
 ```html story
-<dockit-sass-showcases css-props-prefix="--vue-spacing"></dockit-sass-showcases>
+<dockit-css-showcases css-props-prefix="--vue-spacing"></dockit-css-showcases>
 ```
 
 ### box-shadow
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-shadow"
   component-class="box"
   style-key="box-shadow"
   checkered-background="false"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--vue-border-radius"
   component-class="box"
   style-key="border-radius"
   checkered-background="false"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
diff --git a/transition/doc/doc.md b/transition/doc/doc.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,7 +8,8 @@ import '~/md-layout';
 ## Time
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
+  mode="time"
   css-props-prefix="--transition"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
diff --git a/typography/doc/typography.md b/typography/doc/typography.md
@@ -1,5 +1,5 @@
 ```js script
-import '@divriots/dockit-core/sass-showcases';
+import '@divriots/dockit-core/css-showcases';
 import '~/md-layout';
 ```
 
@@ -8,50 +8,50 @@ import '~/md-layout';
 ## font-family
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-names="--font-sans,--font-serif,--font-mono"
   component-type="text"
   style-key="font-family"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ## font-size
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--font-size"
   component-type="text"
   style-key="font-size"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ## font-weight
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--font-weight"
   component-type="text"
   style-key="font-weight"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ## letter-spacing
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--letter-spacing"
   component-type="text"
   style-key="letter-spacing"
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```
 
 ## line-height
 
 ```html story
-<dockit-sass-showcases
+<dockit-css-showcases
   css-props-prefix="--line-height"
   component-type="text"
   style-key="line-height"
   long-text
-></dockit-sass-showcases>
+></dockit-css-showcases>
 ```