From 918c84519def67cdf5c92fb5628ec64cad0f25fd Mon Sep 17 00:00:00 2001
From: Brandon Ferrua <bferrua@gmail.com>
Date: Fri, 12 May 2017 10:45:36 -0700
Subject: [PATCH] chore(cards): remove legacy folders
---
ui/components/cards/base-narrow/example.jsx | 36 -----------
ui/components/cards/base/_index.scss | 7 ---
.../cards/related-list-narrow/example.jsx | 38 ------------
.../related-list-with-filtering/example.jsx | 60 ------------------
.../cards/related-list-with-table/example.jsx | 33 ----------
.../cards/related-list-with-tiles/example.jsx | 61 -------------------
6 files changed, 235 deletions(-)
delete mode 100644 ui/components/cards/base-narrow/example.jsx
delete mode 100644 ui/components/cards/related-list-narrow/example.jsx
delete mode 100644 ui/components/cards/related-list-with-filtering/example.jsx
delete mode 100644 ui/components/cards/related-list-with-table/example.jsx
delete mode 100644 ui/components/cards/related-list-with-tiles/example.jsx
diff --git a/ui/components/cards/base-narrow/example.jsx b/ui/components/cards/base-narrow/example.jsx
deleted file mode 100644
index 0400a721da..0000000000
--- a/ui/components/cards/base-narrow/example.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
-
-import React from 'react';
-import SvgIcon from '../../../shared/svg-icon';
-import { Card, CardHeader, CardBody, CardFooter } from '../base/example';
-import classNames from 'classnames';
-
-/// ////////////////////////////////////////
-// Export
-/// ////////////////////////////////////////
-
-export default (
- <div className="demo-only demo-only--center-card-body" style={{ minWidth: '320px', maxWidth: '360px' }}>
- <Card className="slds-card_narrow">
- <CardHeader symbol="contact" actions="overflow"><span className="slds-text-heading_small">Card Header</span></CardHeader>
- <CardBody>Card Body (custom goes in here)</CardBody>
- <CardFooter>Card Footer</CardFooter>
- </Card>
- </div>
-);
-
-export let states = [
- {
- id: 'card-narrow-empty',
- label: 'Empty',
- element:
- <div className="demo-only" style={{ minWidth: '320px', maxWidth: '360px' }}>
- <Card className="slds-card_narrow">
- <CardHeader symbol="contact" actions="overflow"><span className="slds-text-heading_small">Card Header</span></CardHeader>
- <CardBody />
- <CardFooter />
- </Card>
- </div>
- }
-];
diff --git a/ui/components/cards/base/_index.scss b/ui/components/cards/base/_index.scss
index 89f378d1fe..d28ea28abd 100644
--- a/ui/components/cards/base/_index.scss
+++ b/ui/components/cards/base/_index.scss
@@ -82,13 +82,6 @@
text-align: right;
}
- /**
- * @summary Modifies styles for card in a narrow column
- *
- * @selector .slds-card_narrow
- * @restrict .slds-card
- * @modifier
- */
&_narrow,
&--narrow {
diff --git a/ui/components/cards/related-list-narrow/example.jsx b/ui/components/cards/related-list-narrow/example.jsx
deleted file mode 100644
index 35ef5cfa3d..0000000000
--- a/ui/components/cards/related-list-narrow/example.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
-
-import React from 'react';
-import SvgIcon from '../../../shared/svg-icon';
-import { Card, CardHeader, CardBody, CardFooter } from '../base/example';
-import classNames from 'classnames';
-import { Tile, TileMedia } from '../../tiles/base/example';
-
-/// ////////////////////////////////////////
-// Export
-/// ////////////////////////////////////////
-
-export default (
- <div className="demo-only" style={{ minWidth: '230px', maxWidth: '320px' }}>
- <Card className="slds-card_narrow">
- <CardHeader actions="overflow" symbol="contact">
- <span className="slds-text-heading_small">Contacts (3)</span>
- </CardHeader>
- <CardBody>
- <ul className="slds-card__body_inner">
- <li>
- <Tile title="Related Record Title 1" />
- </li>
- <li className="slds-m-top_x-small">
- <Tile title="Related Record Title 2" />
- </li>
- <li className="slds-m-top_x-small">
- <Tile title="Related Record Title 3" />
- </li>
- </ul>
- </CardBody>
- <CardFooter>
- <a href="javascript:void(0);">View All <span className="slds-assistive-text">entity type</span></a>
- </CardFooter>
- </Card>
- </div>
-);
diff --git a/ui/components/cards/related-list-with-filtering/example.jsx b/ui/components/cards/related-list-with-filtering/example.jsx
deleted file mode 100644
index 82cc9a9815..0000000000
--- a/ui/components/cards/related-list-with-filtering/example.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
-
-import React from 'react';
-import { Card, CardHeader, CardBody, CardFooter } from '../base/example';
-import SvgIcon from '../../../shared/svg-icon';
-
-export default (
- <Card>
- <CardHeader symbol="contact" actions="search" search><span className="slds-text-heading_small">Contacts (2)</span></CardHeader>
- <CardBody>
- <table className="slds-table slds-table_bordered slds-no-row-hover slds-table_cell-buffer">
- <thead>
- <tr className="slds-text-title_caps">
- <th className="slds-cell-shrink" scope="col">
- <label className="slds-checkbox" htmlFor="select-all">
- <input type="checkbox" name="options" id="select-all" />
- <span className="slds-checkbox_faux" />
- <span className="slds-assistive-text">Select All</span>
- </label>
- </th>
- <th scope="col"><div className="slds-truncate" title="Name">Name</div></th>
- <th scope="col"><div className="slds-truncate" title="Company">Company</div></th>
- <th scope="col"><div className="slds-truncate" title="Title">Title</div></th>
- <th scope="col"><div className="slds-truncate" title="Email">Email</div></th>
- </tr>
- </thead>
- <tbody>
- <tr className="slds-hint-parent slds-is-selected">
- <td className="slds-cell-shrink">
- <label className="slds-checkbox" htmlFor="select-row-01">
- <input type="checkbox" name="options" id="select-row-01" defaultChecked />
- <span className="slds-checkbox_faux" />
- <span className="slds-assistive-text">Select Row</span>
- </label>
- </td>
- <th scope="row"><div className="slds-truncate" title="Adam Choi"><a href="javascript:void(0);">Adam Choi</a></div></th>
- <td><div className="slds-truncate" title="Company One">Company One</div></td>
- <td><div className="slds-truncate" title="Director of Operations">Director of Operations</div></td>
- <td><div className="slds-truncate" title="adam@company.com">adam@company.com</div></td>
- </tr>
- <tr className="slds-hint-parent">
- <td className="slds-cell-shrink">
- <label className="slds-checkbox" htmlFor="select-row-01">
- <input type="checkbox" name="options" id="select-row-01" />
- <span className="slds-checkbox_faux" />
- <span className="slds-assistive-text">Select Row</span>
- </label>
- </td>
- <th scope="row"><div className="slds-truncate" title="Adam Choi"><a href="javascript:void(0);">Adam Choi</a></div></th>
- <td><div className="slds-truncate" title="Company One">Company One</div></td>
- <td><div className="slds-truncate" title="Director of Operations">Director of Operations</div></td>
- <td><div className="slds-truncate" title="adam@company.com">adam@company.com</div></td>
- </tr>
- </tbody>
- </table>
- </CardBody>
- <CardFooter><a href="javascript:void(0);">View All <span className="slds-assistive-text">entity type</span></a></CardFooter>
- </Card>
-);
diff --git a/ui/components/cards/related-list-with-table/example.jsx b/ui/components/cards/related-list-with-table/example.jsx
deleted file mode 100644
index 9a5419da3c..0000000000
--- a/ui/components/cards/related-list-with-table/example.jsx
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
-
-import React from 'react';
-import { Card, CardHeader, CardBody, CardFooter } from '../base/example';
-import SvgIcon from '../../../shared/svg-icon';
-
-export default (
- <Card>
- <CardHeader symbol="contact" actions><span className="slds-text-heading_small">Contacts (1)</span></CardHeader>
- <CardBody>
- <table className="slds-table slds-table_bordered slds-no-row-hover slds-table_cell-buffer">
- <thead>
- <tr className="slds-text-title_caps">
- <th scope="col"><div className="slds-truncate" title="Name">Name</div></th>
- <th scope="col"><div className="slds-truncate" title="Company">Company</div></th>
- <th scope="col"><div className="slds-truncate" title="Title">Title</div></th>
- <th scope="col"><div className="slds-truncate" title="Email">Email</div></th>
- </tr>
- </thead>
- <tbody>
- <tr className="slds-hint-parent">
- <th scope="row"><div className="slds-truncate" title="Adam Choi"><a href="javascript:void(0);">Adam Choi</a></div></th>
- <td><div className="slds-truncate" title="Company One">Company One</div></td>
- <td><div className="slds-truncate" title="Director of Operations">Director of Operations</div></td>
- <td><div className="slds-truncate" title="adam@company.com">adam@company.com</div></td>
- </tr>
- </tbody>
- </table>
- </CardBody>
- <CardFooter><a href="javascript:void(0);">View All <span className="slds-assistive-text">entity type</span></a></CardFooter>
- </Card>
-);
diff --git a/ui/components/cards/related-list-with-tiles/example.jsx b/ui/components/cards/related-list-with-tiles/example.jsx
deleted file mode 100644
index 3b8487f09b..0000000000
--- a/ui/components/cards/related-list-with-tiles/example.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
-
-import React from 'react';
-import SvgIcon from '../../../shared/svg-icon';
-import { Card, CardHeader, CardBody, CardFooter } from '../base/example';
-import classNames from 'classnames';
-import { TileMedia } from '../../tiles/base/example';
-
-/// ////////////////////////////////////////
-// Partial(s)
-/// ////////////////////////////////////////
-
-const icon = (
- <div className="slds-icon_container slds-icon-standard-contact" title="if needed">
- <SvgIcon className="slds-icon slds-icon_small" sprite="standard" symbol="contact" />
- <span className="slds-assistive-text">Contact</span>
- </div>
-);
-
-/// ////////////////////////////////////////
-// Export
-/// ////////////////////////////////////////
-export default (
- <Card>
- <CardHeader actions symbol="contact">
- <span className="slds-text-heading_small">Contacts (3)</span>
- </CardHeader>
- <CardBody>
- <ul className="slds-card__body_inner slds-grid slds-wrap slds-grid_pull-padded">
- <li className="slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3">
- <TileMedia
- actions
- className="slds-card__tile"
- media={icon}
- title="Related Record Title 1"
- />
- </li>
- <li className="slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3">
- <TileMedia
- actions
- className="slds-card__tile"
- media={icon}
- title="Related Record Title 1"
- />
- </li>
- <li className="slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3">
- <TileMedia
- actions
- className="slds-card__tile"
- media={icon}
- title="Related Record Title 1"
- />
- </li>
- </ul>
- </CardBody>
- <CardFooter>
- <a href="javascript:void(0);">View All <span className="slds-assistive-text">entity type</span></a>
- </CardFooter>
- </Card>
-);