@solid-design-system/mcp 7.0.0-next.1 → 7.0.0-next.11

package/metadata/packages/styles/sd-flag/stories/variants.md

@@ -1,40 +0,0 @@
-<sd-notification variant="info" open class="only-theme-kid mb-4">Add "shadow-sm" manually with css property box-shadow.</sd-notification>
-/
-export default {
-title: 'Styles/sd-flag',
-tags: ['!dev', 'autodocs'],
-component: 'sd-flag',
-parameters: {
-...parameters,
-design: {
-type: 'figma',
-url: 'https://www.figma.com/design/YDktJcseQIIQbsuCpoKS4V/Component-Docs?node-id=2106-34451&t=ohgrgpEVGgKzqMzU-4'
-}
-},
-args: overrideArgs([{ type: 'slot', name: 'default', value: 'Flag' }]),
-argTypes
-};
-export const Default = {
-render: (args: any) => {
-return generateTemplate({
-options: { templateContent: '<span class="%CLASSES%">%SLOT%</span>' },
-args
-});
-}
-};
-/\*_
-Use the `sd-flag--_` classes for alternative appearances:
-
-- neutral-200 is the default appearance
-- `sd-flag--neutral-300`
-- `sd-flag--neutral-500`
-- `sd-flag--white`
-
-```html
-<div class="flex gap-4 bg-neutral-100 p-8">
-  <div class="sd-flag">Default</div>
-  <div class="sd-flag sd-flag--neutral-300">Neutral 300</div>
-  <div class="sd-flag sd-flag--neutral-500">Neutral 500</div>
-  <div class="sd-flag sd-flag--white">White</div>
-</div>
-```

package/metadata/packages/templates/flag.md

@@ -1,38 +0,0 @@
----
-name: flag
-title: Flag
-components:
-  - sd-flag
-  - sd-flag--neutral-200
-  - sd-flag--neutral-300
-  - sd-flag--neutral-500
-  - sd-flag--white
-version: 1.0.0
----
-
-## Template: Background Options
-
-```html
-<div class="grid grid-cols-2 grid-rows-3">
-  <div class="bg-white pt-[32px] flex justify-end border border-neutral-200">
-    <div class="sd-flag sd-flag--neutral-200">neutral-200</div>
-  </div>
-  <div class="bg-neutral-100 pt-[32px] flex justify-end">
-    <div class=" sd-flag sd-flag--neutral-300">neutral-300</div>
-  </div>
-  <div class="bg-primary-100 pt-[32px] flex justify-end">
-    <div class="sd-flag sd-flag--neutral-500">neutral-500</div>
-  </div>
-  <div class="bg-primary pt-[32px] flex justify-end">
-    <div class="sd-flag sd-flag--white">white</div>
-  </div>
-  <div slot="media" class="relative">
-    <img
-      class="aspect-video object-cover"
-      src="./placeholders/images/coffeeshop.jpg"
-      alt="A group of people sitting in a coffee shop"
-    />
-    <div class="absolute top-[32px] right-0 sd-flag sd-flag--white">white</div>
-  </div>
-</div>
-```