@readme/markdown 7.3.0 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/Accordion/style.scss +7 -6
  2. package/components/Cards/index.tsx +1 -1
  3. package/components/Cards/style.scss +2 -0
  4. package/components/Tabs/style.scss +14 -4
  5. package/dist/main.css +3 -3
  6. package/dist/main.js +1 -1
  7. package/dist/main.node.js +1 -1
  8. package/package.json +1 -1
package/components/Accordion/style.scss CHANGED
@@ -5,20 +5,21 @@
5
5
 
6
6
  &-title {
7
7
  align-items: center;
8
- background: white;
8
+ background: rgba(var(--color-bg-page-rgb, white), 1);
9
9
  border: 0;
10
10
  border-radius: 5px;
11
11
  color: var(--color-text-default, #384248);
12
12
  cursor: pointer;
13
13
  display: flex;
14
14
  font-size: 16px;
15
- padding: 15px;
15
+ font-weight: 500;
16
+ padding: 10px;
16
17
  position: relative;
17
18
  text-align: left;
18
19
  width: 100%;
19
20
 
20
21
  &:hover {
21
- background: var(--color-bg-hover, #{rgba(black, 0.05)});
22
+ background: var(--color-bg-hover, rgba(black, 0.05));
22
23
  }
23
24
 
24
25
  .Accordion[open] & {
@@ -29,12 +30,12 @@
29
30
 
30
31
  &-icon {
31
32
  color: var(--project-color-primary, inherit);
32
- margin-left: 5px;
33
- margin-right: 5px;
33
+ margin-left: 10px;
34
+ margin-right: 10px;
34
35
  }
35
36
 
36
37
  &-content {
37
38
  color: var(--color-text-muted, #4f5a66);
38
- padding: 10px 15px 0 15px;
39
+ padding: 5px 15px 0 15px;
39
40
  }
40
41
  }
package/components/Cards/index.tsx CHANGED
@@ -7,7 +7,7 @@ export const Card = ({ children, href, icon, iconColor, target, title }) => {
7
7
  return (
8
8
  <Tag className="Card" href={href} target={target}>
9
9
  {icon && <i className={`Card-icon fa ${icon}`} style={{ color: `${iconColor}` }}></i>}
10
- {title && <h3 className='Card-title'>{title}</h3>}
10
+ {title && <p className='Card-title'>{title}</p>}
11
11
  <div className="Card-content">{children}</div>
12
12
  </Tag>
13
13
  )
package/components/Cards/style.scss CHANGED
@@ -23,6 +23,8 @@
23
23
 
24
24
  &-title {
25
25
  color: var(--color-text-default, #384248);
26
+ font-weight: 600;
27
+ margin-top: 10px;
26
28
 
27
29
  &:first-child {
28
30
  margin-top: 0;
package/components/Tabs/style.scss CHANGED
@@ -9,21 +9,31 @@
9
9
  border: 0;
10
10
  color: var(--color-text-minimum, #637288);
11
11
  cursor: pointer;
12
+ font-size: 15px;
12
13
  font-weight: 600;
13
- padding: 10px;
14
+ margin-right: 15px;
15
+ padding: 0;
16
+ padding-bottom: 10px;
14
17
 
15
18
  &_active {
16
19
  background: none;
17
20
  border: 0;
18
- border-bottom: solid var(--blue, #118cfd);
19
- color: var(--blue, #118cfd);
21
+ border-bottom: solid var(--project-color-primary, var(--color-text-default, #384248));
22
+ color: var(--project-color-primary, var(--color-text-default, #384248));
23
+ font-size: 15px;
20
24
  font-weight: 600;
21
- padding: 10px;
25
+ margin-right: 15px;
22
26
  margin-bottom: -2px;
27
+ padding: 0;
28
+ padding-bottom: 10px;
23
29
  }
24
30
 
25
31
  &:hover {
26
32
  color: var(--color-text-muted, #4f5a66);
27
33
  }
28
34
  }
35
+
36
+ .TabContent {
37
+ color: var(--color-text-muted, #4f5a66);
38
+ }
29
39
  }
package/dist/main.css CHANGED
@@ -1,6 +1,6 @@
1
- .Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:#fff;border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;display:flex;font-size:16px;padding:15px;position:relative;text-align:left;width:100%}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-icon{color:var(--project-color-primary, inherit);margin-left:5px;margin-right:5px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:10px 15px 0 15px}
2
- .CardsGrid{display:grid;gap:20px}.CardsGrid .Card{padding:15px;padding-bottom:0;backdrop-filter:blur(20px);background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),0 2px 5px rgba(0, 0, 0, 0.02)}.CardsGrid .Card-top{display:inline-flex;flex-direction:row}.CardsGrid .Card-icon{color:var(--project-color-primary, inherit);font-size:20px}.CardsGrid .Card-title{color:var(--color-text-default, #384248)}.CardsGrid .Card-title:first-child{margin-top:0}.CardsGrid .Card-content{color:var(--color-text-muted, #4f5a66)}.CardsGrid a.Card:not([href=""]){text-decoration:none;color:inherit}.CardsGrid a.Card:not([href=""]):hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}
3
- .TabGroup-nav{border-bottom:solid var(--color-border-default, rgba(0, 0, 0, 0.1));margin-bottom:15px}.TabGroup-tab{background:none;border:0;color:var(--color-text-minimum, #637288);cursor:pointer;font-weight:600;padding:10px}.TabGroup-tab_active{background:none;border:0;border-bottom:solid var(--blue, #118cfd);color:var(--blue, #118cfd);font-weight:600;padding:10px;margin-bottom:-2px}.TabGroup-tab:hover{color:var(--color-text-muted, #4f5a66)}
1
+ .Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:rgba(var(--color-bg-page-rgb, white), 1);border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:left;width:100%}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-icon{color:var(--project-color-primary, inherit);margin-left:10px;margin-right:10px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:5px 15px 0 15px}
2
+ .CardsGrid{display:grid;gap:20px}.CardsGrid .Card{padding:15px;padding-bottom:0;backdrop-filter:blur(20px);background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),0 2px 5px rgba(0, 0, 0, 0.02)}.CardsGrid .Card-top{display:inline-flex;flex-direction:row}.CardsGrid .Card-icon{color:var(--project-color-primary, inherit);font-size:20px}.CardsGrid .Card-title{color:var(--color-text-default, #384248);font-weight:600;margin-top:10px}.CardsGrid .Card-title:first-child{margin-top:0}.CardsGrid .Card-content{color:var(--color-text-muted, #4f5a66)}.CardsGrid a.Card:not([href=""]){text-decoration:none;color:inherit}.CardsGrid a.Card:not([href=""]):hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}
3
+ .TabGroup-nav{border-bottom:solid var(--color-border-default, rgba(0, 0, 0, 0.1));margin-bottom:15px}.TabGroup-tab{background:none;border:0;color:var(--color-text-minimum, #637288);cursor:pointer;font-size:15px;font-weight:600;margin-right:15px;padding:0;padding-bottom:10px}.TabGroup-tab_active{background:none;border:0;border-bottom:solid var(--project-color-primary, var(--color-text-default, #384248));color:var(--project-color-primary, var(--color-text-default, #384248));font-size:15px;font-weight:600;margin-right:15px;margin-bottom:-2px;padding:0;padding-bottom:10px}.TabGroup-tab:hover{color:var(--color-text-muted, #4f5a66)}.TabGroup .TabContent{color:var(--color-text-muted, #4f5a66)}
4
4
  /* BASICS */
5
5
 
6
6
  .CodeMirror {
package/dist/main.js CHANGED
@@ -13504,7 +13504,7 @@ const Card = ({ children, href, icon, iconColor, target, title }) => {
13504
13504
  const Tag = href ? 'a' : 'div';
13505
13505
  return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: "Card", href: href, target: target },
13506
13506
  icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `Card-icon fa ${icon}`, style: { color: `${iconColor}` } }),
13507
- title && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("h3", { className: 'Card-title' }, title),
13507
+ title && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("p", { className: 'Card-title' }, title),
13508
13508
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Card-content" }, children)));
13509
13509
  };
13510
13510
  const CardsGrid = ({ columns = 2, children }) => {
package/dist/main.node.js CHANGED
@@ -7984,7 +7984,7 @@ const Card = ({ children, href, icon, iconColor, target, title }) => {
7984
7984
  const Tag = href ? 'a' : 'div';
7985
7985
  return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: "Card", href: href, target: target },
7986
7986
  icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `Card-icon fa ${icon}`, style: { color: `${iconColor}` } }),
7987
- title && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("h3", { className: 'Card-title' }, title),
7987
+ title && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("p", { className: 'Card-title' }, title),
7988
7988
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Card-content" }, children)));
7989
7989
  };
7990
7990
  const CardsGrid = ({ columns = 2, children }) => {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@readme/markdown",
3
3
  "description": "ReadMe's React-based Markdown parser",
4
4
  "author": "Rafe Goldberg <rafe@readme.io>",
5
- "version": "7.3.0",
5
+ "version": "7.4.0",
6
6
  "main": "dist/main.node.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "browser": "dist/main.js",