Skip to content

Commit

Permalink
Merge branch 'master' of github.com:grommet/hpe-design-system
Browse files Browse the repository at this point in the history
  • Loading branch information
taysea committed Nov 18, 2024
2 parents f4cb21d + c2ebe4b commit c65d37f
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 48 deletions.
13 changes: 6 additions & 7 deletions aries-site/src/examples/foundation/icons/IconPlainExample.js
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
import React from 'react';
import { Box } from 'grommet';
import { Hpe, Aruba, Hpi } from 'grommet-icons';
import { Hpe, Hpi } from 'grommet-icons';

export const IconPlainExample = () => (
<Box direction="row-responsive" gap="medium">
<Hpe color="plain" size="large" />
<Hpi color="plain" size="large" />
<Aruba color="plain" size="large" />
</Box>
);
<Box direction="row-responsive" gap="medium">
<Hpe color="plain" size="large" />
<Hpi color="plain" size="large" />
</Box>
);
2 changes: 1 addition & 1 deletion aries-site/src/pages/foundation/icons.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ The icon should be centered aligned with any text that is being used next to it.

### Icon plain color

The default icon color is 'text-strong' for the corresponding light/dark mode. For some icons there are spcific colors in how they are represented, such as HPE, HP, Aruba that need to respect the built in colors for those SVGs so the color prop can be given 'plain'.
The default icon color is 'text-strong' for the corresponding light/dark mode. For some icons there are spcific colors in how they are represented, such as HPE, HP that need to respect the built in colors for those SVGs so the color prop can be given 'plain'.

<Example code="https://raw.githubusercontent.com/grommet/hpe-design-system/master/aries-site/src/examples/foundation/icons/IconPlainExample.js">
<IconPlainExample />
Expand Down
43 changes: 3 additions & 40 deletions aries-site/src/pages/foundation/our-brand.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,10 @@ customers and their success, with a color which signals growth and
opportunity, and an approachable word-mark which says we are welcoming
to our partners.

This guide also supports, Aruba, a Hewlett Packard Enterprise company,
a leading provider of next-generation networking solutions for
enterprise whose cloud first approach is part of HPE's effort to help
our partners address the fundamental changes in today's business
environment.

All usage of the Hewlett Packard Enterprise brand elements is
subject to the requirements and restrictions
outlined in the [Terms of Use](https://www.hpe.com/us/en/about/legal/terms-of-use.html).
For additional guidance refer
For additional guidance and logo usage refer
to [Brand Central](https://brandcentral.hpe.com/home).

## Hewlett Packard Enterprise
Expand Down Expand Up @@ -71,38 +65,7 @@ not veer from the layout and spacing of the elements.
<HpeElementExample />
</UsageExample>

## Aruba Networks

Aruba Networks, also referenced as Aruba, has a couple logo
variations. Each variation should be used in the appropriate context.
Being aware of the different uses will help make your experience more
compliant.

For additional information and guidance view [Brand Central](https://h10014.www1.hpe.com/brand-central/content/aruba).

### Aruba logo

Use the Aruba logo when establishing the brand and building layouts
with less dense content. Place the logo on the top-left or bottom-left
depending on the layout; neither placement is necessarily preferred.

<UsageExample label="aruba-logo" themeMode="light">
<Image src="/static/images/aruba-logo.svg" alt="Aruba Logo" />
</UsageExample>
<UsageExample label="aruba-logo-invert" themeMode="dark">
<Image src="/static/images/aruba-logo.svg" alt="Aruba Logo" />
</UsageExample>

### Aruba icon
## HPE Aruba Networks

Always use the Aruba icon at the top-left of your service or product
experience. To ensure consistency across Aruba, the icon should always
be accompanied by the company name and product/service name. Do not
veer from the layout and spacing of the elements.
For additional information and guidance on HPE Aruba Networking view [Brand Central](https://brandcentral.hpe.com/brand-central/content/hpe-logo-and-hpe-greenlake-badge#hpe-aruba-networking-wordmark).

<UsageExample label="aruba-icon" themeMode="light">
<ArubaIconExample />
</UsageExample>
<UsageExample label="aruba-icon-invert" themeMode="dark">
<ArubaIconExample />
</UsageExample>

0 comments on commit c65d37f

Please sign in to comment.