@synergy-design-system/mcp 2.14.1 → 3.0.0

package/metadata/static/components/syn-optgroup/docs.md

@@ -1,167 +0,0 @@
-## Default
-
-Use <syn-optgroup> to group listbox items visually.
-
-```html
-<syn-select size="medium" placement="bottom" form="">
-  <syn-optgroup label="Section 1">
-    <syn-option
-      value="1"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-      >Option 1</syn-option
-    >
-    <syn-option
-      value="2"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-      >Option 2</syn-option
-    >
-    <syn-option
-      value="3"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-      >Option 3</syn-option
-    >
-  </syn-optgroup>
-
-  <syn-optgroup label="Section 2">
-    <syn-option
-      value="4"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-      >Option 4</syn-option
-    >
-  </syn-optgroup>
-</syn-select>
-```
-
----
-
-## Disabled
-
-Use the disabled attribute in the <syn-optgroup> to disable the Section and prevent it from being selected.
-
-```html
-<syn-select size="medium" placement="bottom" form="">
-  <syn-optgroup disabled="">
-    <span slot="label">Section 1</span>
-    <syn-option
-      value="1"
-      role="option"
-      aria-selected="false"
-      aria-disabled="true"
-      disabled=""
-      >Option</syn-option
-    >
-    <syn-option
-      value="2"
-      role="option"
-      aria-selected="false"
-      aria-disabled="true"
-      disabled=""
-      >Option</syn-option
-    >
-    <syn-option
-      value="3"
-      role="option"
-      aria-selected="false"
-      aria-disabled="true"
-      disabled=""
-      >Option</syn-option
-    >
-  </syn-optgroup>
-</syn-select>
-```
-
----
-
-## Prefix And Suffix
-
-Add icons to the start and end of menu items using the prefix and suffix slots.
-
-```html
-<syn-select size="medium" placement="bottom" form="">
-  <syn-optgroup label="Contact Support">
-    <syn-icon
-      name="contact_support"
-      slot="prefix"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-    <syn-icon
-      name="check_circle_outline"
-      slot="suffix"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-
-    <syn-option
-      value="1"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-    >
-      <syn-icon
-        name="mail"
-        slot="prefix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      <syn-icon
-        name="check_circle_outline"
-        slot="suffix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      E-Mail
-    </syn-option>
-
-    <syn-option
-      value="2"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-    >
-      <syn-icon
-        name="phone"
-        slot="prefix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      <syn-icon
-        name="check_circle_outline"
-        slot="suffix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      Phone
-    </syn-option>
-
-    <syn-option
-      value="3"
-      role="option"
-      aria-selected="false"
-      aria-disabled="false"
-    >
-      <syn-icon
-        name="chat_bubble_outline"
-        slot="prefix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      <syn-icon
-        name="check_circle_outline"
-        slot="suffix"
-        aria-hidden="true"
-        library="default"
-      ></syn-icon>
-      Chat
-    </syn-option>
-  </syn-optgroup>
-</syn-select>
-```

package/metadata/static/components/syn-option/docs.md

@@ -1,137 +0,0 @@
-## Default
-
-Options define the selectable items within various form controls such as select.
-
-```html
-<syn-select label="Select one" size="medium" placement="bottom" form="">
-  <syn-option
-    value="Option_1"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-  >
-    Option 1
-  </syn-option>
-
-  <syn-option
-    value="Option_2"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-    >Option 2</syn-option
-  >
-  <syn-option
-    value="Option_3"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-    >Option 3</syn-option
-  >
-</syn-select>
-```
-
----
-
-## Disabled
-
-Use the disabled attribute to disable an option and prevent it from being selected.
-
-```html
-<syn-select label="Select one" size="medium" placement="bottom" form="">
-  <syn-option
-    value="option-1"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-    >Email</syn-option
-  >
-  <syn-option
-    value="option-2"
-    disabled=""
-    role="option"
-    aria-selected="false"
-    aria-disabled="true"
-    >Phone</syn-option
-  >
-  <syn-option
-    value="option-3"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-    >Chat</syn-option
-  >
-</syn-select>
-```
-
----
-
-## Prefix And Suffix
-
-Add icons to the start and end of menu items using the prefix and suffix slots.
-
-```html
-<syn-select label="Select one" size="medium" placement="bottom" form="">
-  <syn-option
-    value="option-1"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-  >
-    <syn-icon
-      slot="prefix"
-      name="email"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-    Email
-    <syn-icon
-      slot="suffix"
-      name="check_circle_outline"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-  </syn-option>
-
-  <syn-option
-    value="option-2"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-  >
-    <syn-icon
-      slot="prefix"
-      name="local_phone"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-    Phone
-    <syn-icon
-      slot="suffix"
-      name="check_circle_outline"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-  </syn-option>
-
-  <syn-option
-    value="option-3"
-    role="option"
-    aria-selected="false"
-    aria-disabled="false"
-  >
-    <syn-icon
-      slot="prefix"
-      name="chat_bubble_outline"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-    Chat
-    <syn-icon
-      slot="suffix"
-      name="check_circle_outline"
-      aria-hidden="true"
-      library="default"
-    ></syn-icon>
-  </syn-option>
-</syn-select>
-```