diff --git a/builder/ilw-card.json b/builder/ilw-card.json index 9c54d1b..43beb1d 100644 --- a/builder/ilw-card.json +++ b/builder/ilw-card.json @@ -6,7 +6,7 @@ "element-name": "ilw-card", "description": "A card component that can be used as a container for grouping information.", "purpose": "Organize content using cards, with image and icon support.", - "toolkit-version": "", - "production-version": "", + "toolkit-version": "1.0", + "production-version": "1.0", "development-version": "1.0-beta1" } diff --git a/builder/versions/ilw-card.1.0.json b/builder/versions/ilw-card.1.0.json new file mode 100644 index 0000000..e2eef98 --- /dev/null +++ b/builder/versions/ilw-card.1.0.json @@ -0,0 +1,226 @@ +{ + "title": "Card", + "tag": "ilw-card", + "github": "https://github.com/web-illinois/ilw-card/", + "type": "web component", + "element-name": "ilw-card", + "description": "A card component that can be used as a container for grouping information.", + "builder-version": "1.0", + "version": "1.0.0", + "date": "08/02/2024", + "css": "https://cdn.toolkit.illinois.edu/ilw-card/1.0.0/ilw-card.css", + "js": "https://cdn.toolkit.illinois.edu/ilw-card/1.0.0/ilw-card.js", + "production": true, + "notes": "", + "parent-style": "margin: 0 auto; max-width: 400px; padding: 15px;", + "samples": [ + { + "name": "default", + "description": "Plain card with heading and text", + "text": "
Animal sciences students extend their learning through internships.
" + }, + { + "name": "minimal", + "description": "Minimal card without a heading", + "text": "Animal sciences students extend their learning through internships.
" + }, + { + "name": "image", + "description": "Card with an image and a button", + "text": "Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
\n" + }, + { + "name": "clickable", + "description": "Card with an icon", + "text": "\n\nAnimal sciences students extend their learning and career networks beyond the classroom through internships.
" + } + ], + "attributes-fixed": [], + "attributes-text": [], + "attributes": [ + { + "name": "theme", + "description": "Color theme used", + "depreciated": false, + "values": [ + "", + "gray", + "blue", + "orange", + "blue-gradient", + "orange-gradient" + ] + }, + { + "name": "align", + "description": "Align text inside the card", + "depreciated": false, + "values": [ + "", + "center" + ] + }, + { + "name": "clickable", + "description": "Make the entire card clickable", + "depreciated": false, + "values": [ + "", + "true" + ] + }, + { + "name": "aspectRatio", + "description": "Force image aspect ratio", + "depreciated": false, + "values": [ + "", + "1/1", + "2/1", + "3/1", + "16/10", + "1/2", + "1/3", + "10/16" + ] + }, + { + "name": "tag", + "description": "Use a div tag instead of article", + "depreciated": false, + "values": [ + "", + "div" + ] + } + ], + "classes-fixed": [], + "classes": [], + "css-variables": [ + { + "name": "--ilw-card--margin-top", + "depreciated": false, + "description": "Margin above cards [default: 0]" + }, + { + "name": "--ilw-card--margin-bottom", + "depreciated": false, + "description": "Margin below cards [default: 0]" + }, + { + "name": "--ilw-card--content-padding-top", + "depreciated": false, + "description": "Top padding around main content in the card [default: 2.5rem]" + }, + { + "name": "--ilw-card--content-padding-right", + "depreciated": false, + "description": "Right padding around main content in the card [default: 2rem]" + }, + { + "name": "--ilw-card--content-padding-bottom", + "depreciated": false, + "description": "Bottom padding around main content in the card [default: 2rem]" + }, + { + "name": "--ilw-card--content-padding-left", + "depreciated": false, + "description": "Left padding around main content in the card [default: 2rem]" + }, + { + "name": "--ilw-card--font-size", + "depreciated": false, + "description": "Card text font size [default: 1.2rem]" + }, + { + "name": "--ilw-card--heading--font-size", + "depreciated": false, + "description": "Font size for a card's heading [default: 1.45em]" + }, + { + "name": "--ilw-card--icon-width", + "depreciated": false, + "description": "Limit for an icon's width [default: 120px]" + }, + { + "name": "--ilw-card--icon-height", + "depreciated": false, + "description": "Limit for an icon's height [default: 80px]" + }, + { + "name": "--ilw-card--border-color", + "depreciated": false, + "description": "Color of the border around the card [default: var(--il-blue)]" + }, + { + "name": "--ilw-card--background", + "depreciated": false, + "description": "CSS background for the card [default: var(--ilw-background--color)]" + }, + { + "name": "--ilw-card--heading-color", + "depreciated": false, + "description": "Color of the heading in the card [default: var(--il-orange)]" + }, + { + "name": "--ilw-card--icon-color", + "depreciated": false, + "description": "Color of an icon in the card [default: var(--ilw-text--color)]" + }, + { + "name": "--ilw-card--text-color", + "depreciated": false, + "description": "Color of text in the card [default: var(--ilw-text--color)]" + }, + { + "name": "--ilw-card--link", + "depreciated": false, + "description": "Color for links inside the card [default: var(--ilw-link--color)]" + }, + { + "name": "--ilw-card--link-focus", + "depreciated": false, + "description": "Focus and hover color for links inside the card [default: var(--ilw-link--focused-color)]" + }, + { + "name": "--ilw-card--link-visited", + "depreciated": false, + "description": "Visited link color for inside the card [default: var(--ilw-link--visited-color)]" + }, + { + "name": "--ilw-card--clickable--heading-color", + "depreciated": false, + "description": "Color of a clickable card heading [default: var(--ilw-card--heading-color)]" + }, + { + "name": "--ilw-card--hover--background", + "depreciated": false, + "description": "Background for the hover state of a clickable card [default: var(--il-blue)]" + }, + { + "name": "--ilw-card--hover--heading-color", + "depreciated": false, + "description": "Color of the heading for the hover state of a clickable card [default: #fff]" + }, + { + "name": "--ilw-card--hover--text-color", + "depreciated": false, + "description": "Color of text for the hover state of a clickable card [default: #fff]" + }, + { + "name": "--ilw-card--hover--clickable-border", + "depreciated": false, + "description": "Color of the bottom wider border for the hover state of a clickable card [default: var(--il-industrial-lighter-1)]" + }, + { + "name": "--ilw-card--hover--link", + "depreciated": false, + "description": "Link color for links inside the hover state of a clickable card [default: var(--ilw-card--hover--text-color)]" + }, + { + "name": "--ilw-card--hover--link-focus", + "depreciated": false, + "description": "Focus and hover color for links inside the hover state of a clickable card [default: var(--il-orange)]" + } + ] +} diff --git a/package-lock.json b/package-lock.json index bd6da56..8b19075 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,13 @@ { "name": "@illinois-toolkit/ilw-card", - "version": "1.0.1-beta", + "version": "1.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@illinois-toolkit/ilw-card", - "version": "1.0.1-beta", + "version": "1.0.0", + "license": "MIT", "dependencies": { "lit": "3.1.3" }, diff --git a/package.json b/package.json index 0a3a4bf..583edd7 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,8 @@ "description": "Illinois Toolkit: A card component that can be used as a container for grouping information, reminiscent of a physical note or playing card.", "repository": "github:web-illinois/ilw-card", "private": false, - "version": "1.0.1-beta", + "license": "MIT", + "version": "1.0.0", "type": "module", "files": [ "src/**",