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": "

Student Life

\n

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": "\"\"\n

Student Life

\n

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
Learn More About Student Life
" + }, + { + "name": "clickable", + "description": "Card with an icon", + "text": "\n\n

Student Life

\n

Animal 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/**",