New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@cfpb/cfpb-tables

Package Overview
Dependencies
Maintainers
12
Versions
78
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cfpb/cfpb-tables - npm Package Compare versions

Comparing version 0.43.1 to 1.0.0

8

package.json
{
"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"
}

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc