@teseor/css 1.14.3 → 1.15.1

package/src/components/feedback/toast/toast.docs.json

@@ -1,418 +0,0 @@
-{
-  "id": "toast",
-  "type": "component",
-  "title": "Toast",
-  "api": "./toast.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast",
-              "children": [
-                {
-                  "tag": "span",
-                  "class": "ui-toast__icon",
-                  "text": "i"
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "Notification" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "Your changes have been saved."
-                    }
-                  ]
-                },
-                { "tag": "button", "class": "ui-toast__close", "text": "X" }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Variants",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast ui-toast--success",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "Success" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "Operation completed successfully."
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast ui-toast--warning",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "Warning" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "Please review before continuing."
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast ui-toast--danger",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "Error" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "Something went wrong."
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast ui-toast--info",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "Info" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "New updates available."
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        }
-      ]
-    },
-    {
-      "title": "With Action",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-toast",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast__content",
-                  "children": [
-                    { "tag": "p", "class": "ui-toast__title", "text": "File deleted" },
-                    {
-                      "tag": "p",
-                      "class": "ui-toast__description",
-                      "text": "document.pdf was moved to trash."
-                    }
-                  ]
-                },
-                {
-                  "tag": "button",
-                  "class": "ui-toast__action ui-button ui-button--sm ui-button--secondary",
-                  "text": "Undo"
-                },
-                { "tag": "button", "class": "ui-toast__close", "text": "X" }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Viewport Positions",
-      "description": "Container positions for toast placement",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--top-end",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Top End" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--bottom-end",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Bottom End" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--top-start",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Top Start" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--top-center",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Top Center" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--bottom-start",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Bottom Start" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": {
-                "style": "position:relative;height:200px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md)"
-              },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-toast-viewport ui-toast-viewport--bottom-center",
-                  "attrs": { "style": "position:absolute" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-toast",
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-toast__content",
-                          "children": [
-                            { "tag": "p", "class": "ui-toast__title", "text": "Bottom Center" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-toast-viewport-gap",
-      "default": "var(--ui-unit)",
-      "description": "Gap between toasts in viewport"
-    },
-    {
-      "token": "--ui-toast-viewport-padding",
-      "default": "calc(var(--ui-unit) * 2)",
-      "description": "Viewport padding from edges"
-    },
-    {
-      "token": "--ui-toast-viewport-max-width",
-      "default": "420px",
-      "description": "Maximum toast width"
-    },
-    {
-      "token": "--ui-toast-padding",
-      "default": "calc(var(--ui-unit) * 2)",
-      "description": "Toast padding"
-    },
-    {
-      "token": "--ui-toast-gap",
-      "default": "var(--ui-unit)",
-      "description": "Gap between toast elements"
-    },
-    {
-      "token": "--ui-toast-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    },
-    {
-      "token": "--ui-toast-bg",
-      "default": "var(--ui-color-bg)",
-      "description": "Background color"
-    },
-    {
-      "token": "--ui-toast-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    { "token": "--ui-toast-shadow", "default": "var(--shadow-lg)", "description": "Box shadow" }
-  ]
-}

package/src/components/forms/checkbox/checkbox.docs.json

@@ -1,166 +0,0 @@
-{
-  "id": "checkbox",
-  "type": "component",
-  "title": "Checkbox",
-  "description": "Native checkbox input with custom styling. Supports checked, indeterminate, and disabled states.",
-  "api": "./checkbox.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            { "tag": "input", "class": "ui-checkbox", "attrs": { "type": "checkbox" } },
-            {
-              "tag": "input",
-              "class": "ui-checkbox",
-              "attrs": { "type": "checkbox", "checked": "" }
-            }
-          ],
-          "code": "<input type=\"checkbox\" class=\"ui-checkbox\">\n<input type=\"checkbox\" class=\"ui-checkbox\" checked>"
-        }
-      ]
-    },
-    {
-      "title": "Sizes",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            {
-              "tag": "input",
-              "class": "ui-checkbox",
-              "attrs": { "type": "checkbox", "checked": "" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox ui-checkbox--lg",
-              "attrs": { "type": "checkbox", "checked": "" }
-            }
-          ],
-          "code": "<input type=\"checkbox\" class=\"ui-checkbox\" checked>\n<input type=\"checkbox\" class=\"ui-checkbox ui-checkbox--lg\" checked>"
-        }
-      ]
-    },
-    {
-      "title": "States",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            { "tag": "input", "class": "ui-checkbox", "attrs": { "type": "checkbox" } },
-            {
-              "tag": "input",
-              "class": "ui-checkbox",
-              "attrs": { "type": "checkbox", "checked": "" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox",
-              "attrs": { "type": "checkbox", "disabled": "" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox",
-              "attrs": { "type": "checkbox", "checked": "", "disabled": "" }
-            }
-          ],
-          "code": "<input type=\"checkbox\" class=\"ui-checkbox\">\n<input type=\"checkbox\" class=\"ui-checkbox\" checked>\n<input type=\"checkbox\" class=\"ui-checkbox\" disabled>\n<input type=\"checkbox\" class=\"ui-checkbox\" checked disabled>"
-        }
-      ]
-    },
-    {
-      "title": "Validation States",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            {
-              "tag": "input",
-              "class": "ui-checkbox ui-checkbox--error",
-              "attrs": { "type": "checkbox" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox ui-checkbox--error",
-              "attrs": { "type": "checkbox", "checked": "" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox ui-checkbox--success",
-              "attrs": { "type": "checkbox" }
-            },
-            {
-              "tag": "input",
-              "class": "ui-checkbox ui-checkbox--success",
-              "attrs": { "type": "checkbox", "checked": "" }
-            }
-          ],
-          "code": "<input type=\"checkbox\" class=\"ui-checkbox ui-checkbox--error\">\n<input type=\"checkbox\" class=\"ui-checkbox ui-checkbox--error\" checked>\n<input type=\"checkbox\" class=\"ui-checkbox ui-checkbox--success\">\n<input type=\"checkbox\" class=\"ui-checkbox ui-checkbox--success\" checked>"
-        }
-      ]
-    },
-    {
-      "title": "With Label",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "label",
-              "class": "ui-row",
-              "attrs": { "style": "gap: var(--ui-space-1); cursor: pointer;" },
-              "children": [
-                { "tag": "input", "class": "ui-checkbox", "attrs": { "type": "checkbox" } },
-                { "tag": "span", "text": "Accept terms and conditions" }
-              ]
-            }
-          ],
-          "code": "<label class=\"ui-row\">\n  <input type=\"checkbox\" class=\"ui-checkbox\">\n  <span>Accept terms</span>\n</label>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-checkbox-size",
-      "default": "calc(var(--ui-unit) * 2)",
-      "description": "Default size"
-    },
-    {
-      "token": "--ui-checkbox-size-lg",
-      "default": "calc(var(--ui-unit) * 3)",
-      "description": "Large size"
-    },
-    {
-      "token": "--ui-checkbox-radius",
-      "default": "var(--ui-radius-sm)",
-      "description": "Border radius"
-    },
-    {
-      "token": "--ui-checkbox-bg",
-      "default": "var(--ui-color-bg)",
-      "description": "Background (unchecked)"
-    },
-    {
-      "token": "--ui-checkbox-bg-checked",
-      "default": "var(--ui-color-primary)",
-      "description": "Background (checked)"
-    },
-    {
-      "token": "--ui-checkbox-border-color",
-      "default": "var(--ui-color-border-strong)",
-      "description": "Border color"
-    },
-    {
-      "token": "--ui-checkbox-border-color-focus",
-      "default": "var(--ui-color-primary)",
-      "description": "Focus border color"
-    },
-    {
-      "token": "--ui-checkbox-check-color",
-      "default": "var(--ui-color-text-inverse)",
-      "description": "Checkmark color"
-    }
-  ]
-}