Skip to content

Commit 9cac515

Browse files
committed
Release braintree-web 3.127.0
1 parent 0d30884 commit 9cac515

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+6197
-9
lines changed
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
name: Security
2+
3+
on:
4+
pull_request:
5+
branches: [ master ]
6+
workflow_dispatch:
7+
8+
jobs:
9+
dependency-review:
10+
uses: PayPal-Braintree/security-workflows/.github/workflows/dependency-review.yml@main

.storybook/assets/venmo-logo.svg

Lines changed: 9 additions & 0 deletions
Loading

.storybook/main.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/** @type { import('@storybook/html-vite').StorybookConfig } */
2+
const config = {
3+
stories: ["../src/**/*.mdx", "./stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
4+
addons: ["@storybook/addon-docs"],
5+
framework: {
6+
name: "@storybook/html-vite",
7+
options: {},
8+
},
9+
docs: {
10+
defaultName: "Documentation",
11+
},
12+
};
13+
export default config;

.storybook/preview.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
/** @type { import('@storybook/html-vite').Preview } */
2+
3+
const preview = {
4+
parameters: {
5+
controls: {
6+
matchers: {
7+
color: /(background|color)$/i,
8+
date: /Date$/i,
9+
},
10+
},
11+
},
12+
tags: ["autodocs"],
13+
};
14+
15+
export default preview;

.storybook/shared.css

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
1+
/* CSS Variables for New Design System */
2+
:root {
3+
/* Primary Palette */
4+
--color-white: #ffffff;
5+
--color-black: #000000;
6+
--color-rich-black: #000000; /* For backgrounds only */
7+
8+
/* Secondary Palette */
9+
--color-bright-blue: #60cdff;
10+
--color-venmo-blue: #008cff;
11+
--color-deep-blue: #002991;
12+
13+
/* Typography */
14+
--font-display: "PayPal Pro Black", Arial, sans-serif;
15+
--font-body: "PayPal Pro Book", Arial, sans-serif;
16+
}
17+
18+
/* Shared Container Styles */
19+
.shared-container {
20+
max-width: 500px;
21+
margin: 0 auto;
22+
padding: 20px;
23+
font-family: var(--font-body);
24+
color: var(--color-black);
25+
background-color: var(--color-white);
26+
}
27+
28+
/* Shared Description Styles */
29+
.shared-description {
30+
color: var(--color-black);
31+
font-size: 14px;
32+
font-family: var(--font-body);
33+
}
34+
35+
/* Shared Form Group Styles */
36+
.shared-form-group {
37+
margin-bottom: 15px;
38+
}
39+
40+
/* Shared Form Group Styles (Alternative) */
41+
.shared-form-group-alt {
42+
margin-bottom: 15px;
43+
}
44+
45+
.shared-form-group-alt label {
46+
display: block;
47+
margin-bottom: 5px;
48+
font-weight: bold;
49+
font-family: var(--font-body);
50+
color: var(--color-black);
51+
}
52+
53+
/* Shared Label Styles */
54+
.shared-label {
55+
display: block;
56+
margin-bottom: 5px;
57+
font-weight: bold;
58+
font-family: var(--font-body);
59+
color: var(--color-black);
60+
}
61+
62+
/* Shared Input and Select Styles */
63+
.shared-input,
64+
.shared-select {
65+
border: 1px solid var(--color-black);
66+
padding: 10px;
67+
border-radius: 4px;
68+
width: 100%;
69+
box-sizing: border-box;
70+
font-family: var(--font-body);
71+
color: var(--color-black);
72+
background-color: var(--color-white);
73+
}
74+
75+
.shared-input:focus,
76+
.shared-select:focus {
77+
outline: none;
78+
border-color: var(--color-deep-blue);
79+
}
80+
81+
/* Shared Button Styles */
82+
.shared-button {
83+
background-color: var(--color-black);
84+
color: var(--color-white);
85+
border: 1px solid var(--color-black);
86+
padding: 12px 24px;
87+
border-radius: 4px;
88+
cursor: pointer;
89+
width: 100%;
90+
font-size: 16px;
91+
font-family: var(--font-body);
92+
transition:
93+
background-color 0.2s ease,
94+
color 0.2s ease;
95+
}
96+
97+
.shared-button:hover,
98+
.shared-button:active {
99+
background-color: var(--color-white);
100+
color: var(--color-black);
101+
border: 1px solid var(--color-black);
102+
}
103+
104+
.shared-button:disabled {
105+
cursor: not-allowed;
106+
opacity: 0.6;
107+
background-color: var(--color-black);
108+
color: var(--color-white);
109+
}
110+
111+
/* Shared Result Display Styles */
112+
.shared-result {
113+
margin-top: 20px;
114+
padding: 10px;
115+
border-radius: 4px;
116+
display: none;
117+
font-family: var(--font-body);
118+
}
119+
120+
.shared-result--success {
121+
background-color: var(--color-white);
122+
color: var(--color-deep-blue);
123+
border: 1px solid var(--color-deep-blue);
124+
}
125+
126+
.shared-result--error {
127+
background-color: var(--color-white);
128+
color: var(--color-black);
129+
border: 1px solid var(--color-black);
130+
}
131+
132+
.shared-result--visible {
133+
display: block;
134+
}
135+
136+
/* Shared Result Display Styles (Alternative) */
137+
.shared-result-display {
138+
display: none;
139+
margin-bottom: 15px;
140+
padding: 15px;
141+
border-radius: 4px;
142+
font-size: 14px;
143+
line-height: 1.5;
144+
font-family: var(--font-body);
145+
background-color: var(--color-white);
146+
color: var(--color-black);
147+
border: 1px solid var(--color-black);
148+
}
149+
150+
.shared-result-display:not(:empty) {
151+
display: block;
152+
}
153+
154+
/* Shared Loading Styles */
155+
.shared-loading {
156+
margin-top: 20px;
157+
padding: 10px;
158+
text-align: center;
159+
color: var(--color-black);
160+
font-size: 14px;
161+
font-family: var(--font-body);
162+
}
163+
164+
/* Shared Spacing Utilities */
165+
.shared-spacing-bottom {
166+
margin-bottom: 20px;
167+
}
168+
169+
/* Shared Text Color Utilities */
170+
.shared-success-text {
171+
color: var(--color-deep-blue);
172+
font-weight: 600;
173+
font-family: var(--font-body);
174+
}
175+
176+
.shared-error-text {
177+
color: var(--color-black);
178+
font-weight: 600;
179+
font-family: var(--font-body);
180+
}

0 commit comments

Comments
 (0)