427 - Radio Basic Documentation (#1000)

* Radio Usage * Radio Usage - condense content * Radio Code Block * Radio Usage - Finetune list * Radio Usage - Code Block Finetune * Radio Usage - Code Block Fix syntax * attempt to fix code example * fixed example, added install info * add component * add component * got component working, but hid it because styling is missing. Code needs to be a component as well... * refactor (#1052) * refactor * correct message * review comments * review comments * change all code pages to new component * tokens * attempt to fix weird thing * put install info back * attempt to fix * attempt to create new doc source files * improve template file * cleanup * breat stuff to fix stuff * another break * removed even more * put table contents back * use {%- instead of {% * use {%- instead of {% * fix rendering of description with white lines * review comments * review comments * fix margin and intersection observer issues * fix font-size --------- Co-authored-by: Diana Broeders <[email protected]> Co-authored-by: anna-lach <[email protected]>
sl-design-system · Mar 21, 2024 · 7e88dfd · 7e88dfd
1 parent 38b0ca4
commit 7e88dfd
Show file tree

Hide file tree

Showing 39 changed files with 922 additions and 5,855 deletions.
diff --git a/packages/components/radio-group/src/radio.ts b/packages/components/radio-group/src/radio.ts
@@ -22,7 +22,7 @@ export class Radio<T = unknown> extends LitElement {
     keydown: this.#onKeydown
   });
 
-  /** Whether the radio is checked. */
+  /** Whether the radio button is checked. */
   @property({ type: Boolean, reflect: true }) checked?: boolean;
 
   /** Whether this radio button is disabled. */

diff --git a/website/.eleventy.cjs b/website/.eleventy.cjs
@@ -25,6 +25,10 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(eleventyNavigationPlugin);
 
   eleventyConfig.addFilter('search', searchFilter);
+
+  eleventyConfig.addFilter('nl2br', function(str) {
+    return str.replace(/\r|\n|\r\n/g, '<br />')
+  });
 
   eleventyConfig.addLiquidFilter("tokenName",  function(value) {
     const newValue = value?.replace(/([A-Z])/g, '.$1').trim();

diff --git a/website/.stylelintrc b/website/.stylelintrc
@@ -1,5 +1,5 @@
 {
-  "extends": "../.stylelintrc.cjs",
+  "extends": "../.stylelintrc.mjs",
   "plugins": [
     "stylelint-prettier"
   ],
@@ -10,6 +10,12 @@
       {
         "message": "Class names should match the SUIT CSS naming convention"
       }
+    ],
+    "custom-property-pattern": [
+      "(-[a-z]+)*",
+      {
+        "message": "Expected kebab case for custom properties"
+      }
     ]
   }
 }
diff --git a/website/esbuild.config.js b/website/esbuild.config.js
@@ -8,8 +8,7 @@ const jsFolder = 'build';
 
 const tsEntrypoints = [
   './src/ts/utils/active-element.ts',
-  './src/ts/components/my-counter.ts',
-  './src/ts/components/test-component.ts',
+  './src/ts/components/*.ts',
   './src/ts/scripts/*.ts',
   './src/ts/ssr-utils/lit-hydrate-support.ts',
   './src/ts/ssr-utils/is-land.ts'