@cfpb/cfpb-tables
Advanced tools
Comparing version 0.43.1 to 1.0.0
{ | ||
"name": "@cfpb/cfpb-tables", | ||
"version": "0.43.1", | ||
"version": "1.0.0", | ||
"description": "Design System tables", | ||
@@ -12,4 +12,4 @@ "main": "src/cfpb-tables.js", | ||
"dependencies": { | ||
"@cfpb/cfpb-atomic-component": "^0.43.1", | ||
"@cfpb/cfpb-core": "^0.43.0" | ||
"@cfpb/cfpb-atomic-component": "^1.0.0", | ||
"@cfpb/cfpb-core": "^1.0.0" | ||
}, | ||
@@ -19,4 +19,4 @@ "keywords": [ | ||
], | ||
"gitHead": "444775dde9e7ff3fdb20e823810ea3231cb4a1ab", | ||
"gitHead": "7625fff2bcddb5be39b08063f97bd9973ba81f75", | ||
"type": "module" | ||
} |
38
usage.md
@@ -45,6 +45,6 @@ The @cfpb/tables component formats tables, and provides an easy way to make tables sortable. | ||
The `.o-table__striped` class adds stripes to the `table` rows. This striping is | ||
The `.o-table--striped` class adds stripes to the `table` rows. This striping is | ||
not visible on small screens. | ||
<table class="o-table o-table__striped"> | ||
<table class="o-table o-table--striped"> | ||
<thead> | ||
@@ -82,3 +82,3 @@ <tr> | ||
```html | ||
<table class="o-table o-table__striped"> | ||
<table class="o-table o-table--striped"> | ||
<thead> | ||
@@ -118,6 +118,6 @@ <tr> | ||
The use of the `.o-table_cell__right-align` class on a `td` aligns the text | ||
The use of the `.o-table__cell--right-align` class on a `td` aligns the text | ||
right - see the third column above. | ||
<table class="o-table o-table__stack-on-small"> | ||
<table class="o-table o-table--stack-on-small"> | ||
<thead> | ||
@@ -145,3 +145,3 @@ <tr> | ||
```html | ||
<table class="o-table o-table__stack-on-small"> | ||
<table class="o-table o-table--stack-on-small"> | ||
<thead> | ||
@@ -173,3 +173,3 @@ <tr> | ||
The `.o-table__stack-on-small` class adds the "stacked" `table` style for small | ||
The `.o-table--stack-on-small` class adds the "stacked" `table` style for small | ||
screens. | ||
@@ -184,3 +184,3 @@ | ||
<table class="o-table o-table__stack-on-small"> | ||
<table class="o-table o-table--stack-on-small"> | ||
<thead> | ||
@@ -218,3 +218,3 @@ <tr> | ||
```html | ||
<table class="o-table o-table__stack-on-small"> | ||
<table class="o-table o-table--stack-on-small"> | ||
<thead> | ||
@@ -254,4 +254,4 @@ <tr> | ||
The `.o-table__entry-header-on-small` class in addition to | ||
`.o-table__stack-on-small` class changes the first column to be styled as an | ||
The `.o-table--entry-header-on-small` class in addition to | ||
`.o-table--stack-on-small` class changes the first column to be styled as an | ||
entry header. This style requires both classes be added. | ||
@@ -266,4 +266,4 @@ | ||
<table class="o-table | ||
o-table__stack-on-small | ||
o-table__entry-header-on-small"> | ||
o-table--stack-on-small | ||
o-table--entry-header-on-small"> | ||
<thead> | ||
@@ -303,4 +303,4 @@ <tr> | ||
class="o-table | ||
o-table__stack-on-small | ||
o-table__entry-header-on-small" | ||
o-table--stack-on-small | ||
o-table--entry-header-on-small" | ||
> | ||
@@ -341,9 +341,9 @@ <thead> | ||
The `.o-table-wrapper__scrolling` class must be added to the parent element of | ||
The `.o-table-wrapper--scrolling` class must be added to the parent element of | ||
the `table` (by adding a wrapping `div`, in most cases). The `table` element | ||
does not need additional markup in this case. The "Comparative with horizontal | ||
scroll" style also adds striped rows to the table contained within, and remains | ||
striped on small screens (unlike the `o-table__striped` class, below). | ||
striped on small screens (unlike the `o-table--striped` class, below). | ||
<div class="o-table o-table-wrapper__scrolling"> | ||
<div class="o-table o-table-wrapper--scrolling"> | ||
<table> | ||
@@ -408,3 +408,3 @@ <thead> | ||
```html | ||
<div class="o-table o-table-wrapper__scrolling"> | ||
<div class="o-table o-table-wrapper--scrolling"> | ||
<table> | ||
@@ -411,0 +411,0 @@ <thead> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
33254
1
+ Added@cfpb/cfpb-atomic-component@1.2.0(transitive)
+ Added@cfpb/cfpb-core@1.2.0(transitive)
- Removed@cfpb/cfpb-atomic-component@0.43.1(transitive)
- Removed@cfpb/cfpb-core@0.43.0(transitive)
Updated@cfpb/cfpb-core@^1.0.0