Merge branch 'develop' into feature/825_remove-react-examples

.github/ISSUE_TEMPLATE/1_bug_report.yaml

@@ -0,0 +1,62 @@
+name: Bug Report
+description: Report a bug or documentation error
+title: "[Bug]: "
+labels: ["🚨 new::bug"]
+projects: ["deven-org/3"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Before reporting a bug or a documentation error, please [check if the issue already exists](https://github.com/deven-org/B01LER-Kitchen/issues).
+        
+        ---
+        
+        Thanks for taking the time to fill out this bug report! We will do our best to reply to new issues within a week.
+  - type: dropdown
+    id: bug-type
+    attributes:
+      label: What is affected?
+      description: You can select multiple options.
+      multiple: true
+      options:
+        - Component
+        - Accessibility
+        - Token System
+        - Documentation
+        - Other (please specify in the description)
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: What happened? Also tell us, what did you expect to happen?
+      placeholder: "When I do ..., I would expect ..., instead ... happens."
+    validations:
+      required: true
+  - type: textarea
+    id: steps
+    attributes:
+      label: Steps to reproduce
+      description: Which steps do we need to take to reproduce this error?
+      value: |
+        1. Step 1
+        2. ...
+  - type: input
+    id: version
+    attributes:
+      label: Affected version(s)
+      description: What version of B01LER are you running? If the issue was not affecting a previous version, which was it?
+      placeholder: "vX.X.X with issue, vX.X.X without issue"
+  - type: textarea
+    id: os-browser-env
+    attributes:
+      label: Operating system / Browser / Environment
+      description: "Which operating system and browser do you use? Please provide the version as well. If the bug affects a command-line tool, please add this information as well."
+      placeholder: "OS: macOS Sonoma 14.2.1 (23C71), Browser: Chrome 121.0.6167.85, Node: 18.17.0, yarn: 4.0.2"
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/deven-org/B01LER-Kitchen/blob/develop/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

.github/ISSUE_TEMPLATE/2_feature_request.yaml

@@ -0,0 +1,29 @@
+name: Feature Request
+description: Request a feature
+title: "[Feature Request]: "
+labels: ["🚨 new::enhancement"]
+projects: ["deven-org/3"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Before opening a feature request, please [check if the request already exists](https://github.com/deven-org/B01LER-Kitchen/issues).
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Describe the feature you are requesting. Please provide key information like why the feature is needed, what the feature is and what value the feature creates. You can do this by using a user story template. 
+      value: |
+        As a [persona],
+        I [want to],
+        [so that].
+    validations:
+      required: true
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/deven-org/B01LER-Kitchen/blob/develop/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

.github/ISSUE_TEMPLATE/3_custom_issue.yaml

@@ -0,0 +1,45 @@
+name: Issue Template
+description: Create an issue
+title: "[Component name] - [task summary]"
+projects: ["deven-org/3"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Before creating an issue please [check if the issue already exists](https://github.com/deven-org/B01LER-Kitchen/issues).
+  - type: textarea
+    id: description
+    attributes:
+      label: Description / User story
+      description: Describe the issue here or formulate a user story.
+      value: |
+        As a [persona], 
+        I [want to], 
+        [so that].
+    validations:
+      required: true
+  - type: textarea
+    id: criteria
+    attributes:
+      label: Acceptance Criteria
+      description: List the acceptance criteria that need to be met to solve the issue.
+      value: |
+        - [ ] Acceptance Criteria 1
+        - [ ] ...
+    validations:
+      required: true
+  - type: textarea
+    id: info
+    attributes:
+      label: Additional information
+      description: Add relevant information here.
+      value: |
+        - ...
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/deven-org/B01LER-Kitchen/blob/develop/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Ask questions or give feedback
+    url: https://github.com/deven-org/B01LER-Kitchen/discussions
+    about: Start a discussion to ask questions or give feedback.

doc/SUPPORT.md

@@ -0,0 +1,13 @@
+# Support
+
+## Browsers
+
+B01LER aims to support the latest two major versions of evergreen-browsers at the time of
+each release.
+
+
+## FAQ
+
+In case your question is not listed here, please ask the question by starting a discussion [here](https://github.com/deven-org/B01LER-Kitchen/discussions).
+
+Currently there are no FAQs yet. This will change as soon as we answered some questions.

packages/figma-design-tokens/config/style-dictionary.config.cjs

@@ -1,93 +1,91 @@
+// const kebabCase = require('lodash.kebabcase');
 const StyleDictionaryPackage = require('style-dictionary');
 const sdTransforms = require('@tokens-studio/sd-transforms');
 const { minifyDictionary, fileHeader } = StyleDictionaryPackage.formatHelpers;
-const kebabCase = require('lodash.kebabcase');
 require('./transforms/index');
 
 const themes = require('./themes.cjs');
 
 const { registerTransforms } = sdTransforms;
 registerTransforms(StyleDictionaryPackage);
 
-/*
-const types = [
-  'borderRadius',
-  'borderWidth',
-  'fontFamilies',
-  'fontWeights',
-  'lineHeights',
-  'fontSizes',
-  'pargraphSpacing',
-  'letterSpacing',
-];
-*/
-
 const semanticTypes = [
+  // sizes variants
+  'XS',
+  'SM',
+  'MD',
+  'LG',
+  'XL',
+
+  // elevation  variants
+  'Lvl_1',
+  'Lvl_2',
+
+  // emphasis  variants
   'CTA',
   'Primary',
   'Secondary',
   'Silent',
   'Destructive',
   'Encourage',
-  'BorderRadius',
-  'BorderWidth',
-  'XS',
-  'SM',
-  'MD',
-  'LG',
-  'XL',
-  'Background',
-  'Fill',
+
+  // feedback  variants
+  'Neutral',
+  'Warning',
+  'Error',
+
+  // componentElements
   'Caption',
   'CaptionSlot',
   'Label',
   'LabelSlot',
   'Legend',
-  'Lvl_1',
-  'Lvl_2',
   'UserInput',
   'Placeholder',
-  'SurfaceFill',
-  'InputBorderRadius',
   'Input',
   'InputSlot',
   'InputField',
   'InputIcon',
-  'Focus',
+  'PrefixSuffix',
   'FocusBorder',
+
+  // tokenTypes
+  'BorderRadius',
+  'BorderWidth',
+  'SurfaceFill',
+  'InputBorderRadius',
+  'Fill',
+  'Background',
+
+  // semantic
+  'Focus',
   'Feedback',
-  'Neutral',
-  'Warning',
-  'Error',
-  'PrefixSuffix',
 ];
 
 const componentTypes = [
-  'TextButton',
+  'ButtonGroup',
+  'CaptionComponent',
+  'CaptionGroup',
+  'Checkbox',
+  'Counter',
+  'Divider',
+  'FormLabel',
+  'Icon',
   'IconButton',
   'IconDropdown',
-  'Icon',
   'Loader',
-  'TextArea',
-  'Radio',
-  'Checkbox',
-  'ToggleSwitch',
-  'Counter',
-  'Error',
-  'Warning',
+  'RadioGroup',
+  'NumberInput',
   'Select',
+  'Slider',
   'StepperButton',
   'StepperCombo',
-  'Divider',
+  'Radio',
   'TabBar',
-  'Slider',
-  'ButtonGroup',
+  'TextButton',
+  'TextArea',
+  'ToggleSwitch',
   'Tooltip',
-  'RadioGroup',
-  'NumberInput',
-  'CaptionComponent',
-  'CaptionGroup',
-  'FormLabel',
 ];
 
 StyleDictionaryPackage.registerFormat({
@@ -119,10 +117,8 @@ const getStyleDictionaryConfig = (theme) => {
     source: [
       `input/tokens/intermediary/${theme}.json`,
       'input/tokens/core/*.json',
-      'input/tokens/color/*.json',
-      'input/tokens/dimensions/*.json',
-      'input/tokens/captions/*.json',
-      'input/tokens/sizeVariants/*.json',
+      'input/tokens/CMP/*.json',
+      'input/tokens/SEM/*.json',
     ],
     platforms: {
       /*

packages/figma-design-tokens/input/tokens/$metadata.json

@@ -3,11 +3,11 @@
     "core/COR",
     "intermediary/Light",
     "intermediary/Dark",
-    "color/SEM",
-    "color/CMP",
-    "dimensions/SEM",
-    "dimensions/CMP",
-    "sizeVariants/CMP",
-    "sizeVariants/SEM"
+    "SEM/color",
+    "SEM/sizes",
+    "SEM/sizeVariants",
+    "CMP/color",
+    "CMP/sizes",
+    "CMP/sizeVariants"
   ]
 }