@teseor/css 1.7.0 → 1.9.0

package/src/04-components/forms/input/input.api.json

@@ -1,116 +0,0 @@
-{
-  "name": "input",
-  "element": "input",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "variant": {
-      "values": ["filled", "ghost"]
-    },
-    "state": {
-      "values": ["error", "success"]
-    },
-    "block": {
-      "type": "boolean"
-    }
-  },
-  "relatedComponents": [
-    {
-      "name": "input-group",
-      "modifiers": {
-        "has-prefix": {
-          "type": "boolean"
-        },
-        "has-suffix": {
-          "type": "boolean"
-        }
-      },
-      "elements": {
-        "addon": {
-          "modifiers": {
-            "start": {
-              "type": "boolean"
-            },
-            "end": {
-              "type": "boolean"
-            },
-            "interactive": {
-              "type": "boolean"
-            }
-          }
-        }
-      }
-    }
-  ],
-  "cssVars": [
-    {
-      "name": "--ui-input-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-input-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-input-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-input-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-input-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-input-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-input-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-input-text",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-input-placeholder",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-input-height-sm",
-      "default": "calc(#{t.$row} * 1.5"
-    },
-    {
-      "name": "--ui-input-font-size-sm",
-      "default": "var(--ui-font-size-xs)"
-    },
-    {
-      "name": "--ui-input-height-lg",
-      "default": "calc(#{t.$row} * 2.5"
-    },
-    {
-      "name": "--ui-input-padding-x-lg",
-      "default": "var(--ui-space-2)"
-    },
-    {
-      "name": "--ui-input-font-size-lg",
-      "default": "var(--ui-font-size-md)"
-    },
-    {
-      "name": "--ui-input-filled-bg",
-      "default": "var(--ui-color-bg-muted)"
-    },
-    {
-      "name": "--ui-input-error-border",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-input-success-border",
-      "default": "var(--ui-color-success)"
-    }
-  ]
-}

package/src/04-components/forms/label/label.api.json

@@ -1,31 +0,0 @@
-{
-  "name": "label",
-  "element": "label",
-  "modifiers": {
-    "size": {
-      "values": ["lg"]
-    }
-  },
-  "elements": {
-    "required": {},
-    "optional": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-label-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-label-color",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-label-required-color",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-label-font-size-lg",
-      "default": "var(--ui-font-size-md)"
-    }
-  ]
-}

package/src/04-components/forms/number-input/number-input.api.json

@@ -1,74 +0,0 @@
-{
-  "name": "number-input",
-  "element": "div",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "block": {
-      "type": "boolean"
-    },
-    "disabled": {
-      "type": "boolean"
-    }
-  },
-  "elements": {
-    "field": {},
-    "decrement": {},
-    "increment": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-number-input-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-number-input-height-sm",
-      "default": "calc(var(--ui-row) * 1.5)"
-    },
-    {
-      "name": "--ui-number-input-height-lg",
-      "default": "calc(var(--ui-row) * 2.5)"
-    },
-    {
-      "name": "--ui-number-input-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-number-input-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-number-input-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-number-input-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-number-input-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-number-input-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-number-input-text",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-number-input-button-color",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-number-input-button-bg",
-      "default": "var(--ui-color-bg-muted)"
-    },
-    {
-      "name": "--ui-number-input-button-hover-bg",
-      "default": "var(--ui-color-border)"
-    }
-  ]
-}

package/src/04-components/forms/password-input/password-input.api.json

@@ -1,84 +0,0 @@
-{
-  "name": "password-input",
-  "element": "div",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "state": {
-      "values": ["error", "success"]
-    },
-    "block": {
-      "type": "boolean"
-    },
-    "disabled": {
-      "type": "boolean"
-    }
-  },
-  "elements": {
-    "field": {},
-    "toggle": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-password-input-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-password-input-height-sm",
-      "default": "calc(var(--ui-row) * 1.5)"
-    },
-    {
-      "name": "--ui-password-input-height-lg",
-      "default": "calc(var(--ui-row) * 2.5)"
-    },
-    {
-      "name": "--ui-password-input-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-password-input-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-password-input-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-password-input-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-password-input-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-password-input-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-password-input-text",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-password-input-placeholder",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-password-input-error-border",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-password-input-success-border",
-      "default": "var(--ui-color-success)"
-    },
-    {
-      "name": "--ui-password-input-toggle-color",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-password-input-toggle-hover-bg",
-      "default": "var(--ui-color-bg-muted)"
-    }
-  ]
-}

package/src/04-components/forms/radio/radio.api.json

@@ -1,46 +0,0 @@
-{
-  "name": "radio",
-  "element": "input",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "error": {
-      "type": "boolean"
-    }
-  },
-  "cssVars": [
-    {
-      "name": "--ui-radio-size",
-      "default": "calc(#{t.$unit} * 2"
-    },
-    {
-      "name": "--ui-radio-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-radio-bg-checked",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-radio-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-radio-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-radio-dot-color",
-      "default": "var(--ui-color-text-inverse)"
-    },
-    {
-      "name": "--ui-radio-size-lg",
-      "default": "calc(#{t.$unit} * 3"
-    },
-    {
-      "name": "--ui-radio-error-border",
-      "default": "var(--ui-color-danger)"
-    }
-  ]
-}

package/src/04-components/forms/radio-group/radio-group.api.json

@@ -1,54 +0,0 @@
-{
-  "name": "radio-group",
-  "element": "fieldset",
-  "modifiers": {
-    "horizontal": {
-      "type": "boolean"
-    },
-    "compact": {
-      "type": "boolean"
-    },
-    "error": {
-      "type": "boolean"
-    }
-  },
-  "elements": {
-    "legend": {},
-    "items": {},
-    "item": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-radio-group-spacing",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-radio-group-spacing-compact",
-      "default": "0"
-    },
-    {
-      "name": "--ui-radio-group-legend-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-radio-group-legend-weight",
-      "default": "var(--ui-weight-medium)"
-    },
-    {
-      "name": "--ui-radio-group-legend-color",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-radio-group-legend-spacing",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-radio-group-item-gap",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-radio-group-error-color",
-      "default": "var(--ui-color-danger)"
-    }
-  ]
-}

package/src/04-components/forms/search-input/search-input.api.json

@@ -1,85 +0,0 @@
-{
-  "name": "search-input",
-  "element": "div",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "has-clear": {
-      "type": "boolean"
-    },
-    "block": {
-      "type": "boolean"
-    },
-    "disabled": {
-      "type": "boolean"
-    }
-  },
-  "elements": {
-    "icon": {},
-    "field": {},
-    "clear": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-search-input-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-search-input-height-sm",
-      "default": "calc(var(--ui-row) * 1.5)"
-    },
-    {
-      "name": "--ui-search-input-height-lg",
-      "default": "calc(var(--ui-row) * 2.5)"
-    },
-    {
-      "name": "--ui-search-input-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-search-input-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-search-input-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-search-input-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-search-input-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-search-input-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-search-input-text",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-search-input-placeholder",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-search-input-icon-color",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-search-input-icon-size",
-      "default": "var(--ui-size-md)"
-    },
-    {
-      "name": "--ui-search-input-clear-color",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-search-input-clear-hover-bg",
-      "default": "var(--ui-color-bg-muted)"
-    }
-  ]
-}

package/src/04-components/forms/select/select.api.json

@@ -1,88 +0,0 @@
-{
-  "name": "select",
-  "element": "select",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "variant": {
-      "values": ["filled", "ghost"]
-    },
-    "state": {
-      "values": ["error", "success"]
-    },
-    "block": {
-      "type": "boolean"
-    }
-  },
-  "cssVars": [
-    {
-      "name": "--ui-select-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-select-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-select-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-select-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-select-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-select-border-color",
-      "default": "var(--ui-color-border-strong)"
-    },
-    {
-      "name": "--ui-select-border-color-focus",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-select-text",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-select-icon-color",
-      "default": "var(--ui-color-text-muted)"
-    },
-    {
-      "name": "--ui-select-height-sm",
-      "default": "calc(#{t.$row} * 1.5"
-    },
-    {
-      "name": "--ui-select-font-size-sm",
-      "default": "var(--ui-font-size-xs)"
-    },
-    {
-      "name": "--ui-select-height-lg",
-      "default": "calc(#{t.$row} * 2.5"
-    },
-    {
-      "name": "--ui-select-padding-x-lg",
-      "default": "var(--ui-space-2)"
-    },
-    {
-      "name": "--ui-select-font-size-lg",
-      "default": "var(--ui-font-size-md)"
-    },
-    {
-      "name": "--ui-select-filled-bg",
-      "default": "var(--ui-color-bg-muted)"
-    },
-    {
-      "name": "--ui-select-error-border",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-select-success-border",
-      "default": "var(--ui-color-success)"
-    }
-  ]
-}

package/src/04-components/forms/slider/slider.api.json

@@ -1,70 +0,0 @@
-{
-  "name": "slider",
-  "element": "input",
-  "modifiers": {
-    "size": {
-      "values": ["sm", "lg"]
-    },
-    "color": {
-      "values": ["success", "warning", "danger"]
-    }
-  },
-  "cssVars": [
-    {
-      "name": "--ui-slider-height",
-      "default": "var(--ui-row-2)"
-    },
-    {
-      "name": "--ui-slider-height-sm",
-      "default": "calc(var(--ui-row) * 1.5)"
-    },
-    {
-      "name": "--ui-slider-height-lg",
-      "default": "calc(var(--ui-row) * 2.5)"
-    },
-    {
-      "name": "--ui-slider-track-height",
-      "default": "var(--ui-unit)"
-    },
-    {
-      "name": "--ui-slider-track-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-slider-track-fill",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-slider-track-radius",
-      "default": "var(--ui-radius-full)"
-    },
-    {
-      "name": "--ui-slider-thumb-size",
-      "default": "calc(var(--ui-unit) * 2.5)"
-    },
-    {
-      "name": "--ui-slider-thumb-bg",
-      "default": "var(--ui-color-bg)"
-    },
-    {
-      "name": "--ui-slider-thumb-border-color",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-slider-thumb-border-width",
-      "default": "var(--ui-border-width-md)"
-    },
-    {
-      "name": "--ui-slider-thumb-radius",
-      "default": "var(--ui-radius-full)"
-    },
-    {
-      "name": "--ui-slider-thumb-shadow",
-      "default": "0 1px 3px rgb(0 0 0 / 0.2)"
-    },
-    {
-      "name": "--ui-slider-focus-ring",
-      "default": "var(--ui-color-focus)"
-    }
-  ]
-}