@genesislcap/foundation-zero 14.275.3 → 14.276.0-FUI-2337.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
2
|
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
3
|
export declare const zeroButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
4
|
-
export type ZeroButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth' | 'primary-blue' | 'primary-purple' | 'primary-gradient' | 'secondary-orange' | 'danger' | 'secondary-teal' | 'neutral-grey' | 'outline-primary-orange' | 'outline-secondary-orange' | 'outline-secondary-teal';
|
|
4
|
+
export type ZeroButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth' | 'primary-blue' | 'primary-purple' | 'primary-gradient' | 'secondary-orange' | 'danger' | 'secondary-teal' | 'neutral-grey' | 'outline-primary-orange' | 'outline-secondary-orange' | 'outline-secondary-teal' | 'link';
|
|
5
5
|
//# sourceMappingURL=button.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAuSpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAgBA,CAAC;AAEJ,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,aAAa,GACb,SAAS,GACT,SAAS,GACT,SAAS,GACT,cAAc,GACd,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,wBAAwB,GACxB,0BAA0B,GAC1B,wBAAwB,GACxB,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,QAAO,
|
|
1
|
+
{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,QAAO,aAsBvC,CAAC"}
|
|
@@ -243,6 +243,30 @@ const zeroOutlineSecondaryTealStyles = css `
|
|
|
243
243
|
color: ${whiteWebRGBA(activeStateFontOpacity)};
|
|
244
244
|
}
|
|
245
245
|
`;
|
|
246
|
+
const zeroLinkStyles = css `
|
|
247
|
+
:host([appearance='link']) {
|
|
248
|
+
background: none;
|
|
249
|
+
border: none;
|
|
250
|
+
color: ${primaryBlueWebRGBA(0.65)};
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:host([appearance='link']) .control {
|
|
254
|
+
padding: 0;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
:host([appearance='link']:hover) {
|
|
258
|
+
color: ${PrimaryRapidColorHEX.blue};
|
|
259
|
+
background: none;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
:host([appearance='link'][disabled]),
|
|
263
|
+
:host([appearance='link'][disabled]):hover,
|
|
264
|
+
:host([appearance='link'][disabled]):active {
|
|
265
|
+
background: none;
|
|
266
|
+
color: ${primaryBlueWebRGBA(0.35)};
|
|
267
|
+
opacity: 100%;
|
|
268
|
+
}
|
|
269
|
+
`;
|
|
246
270
|
const baseStyles = (context, definition) => css `
|
|
247
271
|
:host {
|
|
248
272
|
margin: 5px;
|
|
@@ -251,4 +275,4 @@ const baseStyles = (context, definition) => css `
|
|
|
251
275
|
export const zeroButtonStyles = (context, definition) => css `
|
|
252
276
|
${foundationButtonStyles(context, definition)}
|
|
253
277
|
${baseStyles(context, definition)}
|
|
254
|
-
`.withBehaviors(appearanceBehavior('primary-blue', zeroPrimaryBlueStyles), appearanceBehavior('primary-purple', zeroPrimaryPurpleStyles), appearanceBehavior('primary-gradient', zeroPrimaryGradientStyles), appearanceBehavior('secondary-orange', zeroSecondaryOrangeStyles), appearanceBehavior('danger', zeroDangerStyles), appearanceBehavior('secondary-teal', zeroSecondaryTealStyles), appearanceBehavior('neutral-grey', zeroNeutralGreyStyles), appearanceBehavior('outline-primary-gradient', zeroOutlinePrimaryGradientStyles), appearanceBehavior('outline-secondary-orange', zeroOutlineSecondaryOrangeStyles), appearanceBehavior('outline-secondary-teal', zeroOutlineSecondaryTealStyles));
|
|
278
|
+
`.withBehaviors(appearanceBehavior('primary-blue', zeroPrimaryBlueStyles), appearanceBehavior('primary-purple', zeroPrimaryPurpleStyles), appearanceBehavior('primary-gradient', zeroPrimaryGradientStyles), appearanceBehavior('secondary-orange', zeroSecondaryOrangeStyles), appearanceBehavior('danger', zeroDangerStyles), appearanceBehavior('secondary-teal', zeroSecondaryTealStyles), appearanceBehavior('neutral-grey', zeroNeutralGreyStyles), appearanceBehavior('outline-primary-gradient', zeroOutlinePrimaryGradientStyles), appearanceBehavior('outline-secondary-orange', zeroOutlineSecondaryOrangeStyles), appearanceBehavior('outline-secondary-teal', zeroOutlineSecondaryTealStyles), appearanceBehavior('link', zeroLinkStyles));
|
|
@@ -7,24 +7,6 @@ export const zeroDatePickerStyles = () => css `
|
|
|
7
7
|
--primary-gradient-angle: -113.5deg;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.calendar-dropdown {
|
|
11
|
-
background: ${ColorHEX.mediumGrey};
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.week-days,
|
|
15
|
-
.header h3,
|
|
16
|
-
.header .months-arrows .icon-container zero-icon {
|
|
17
|
-
color: var(--neutral-stroke-rest);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.header .months-arrows .icon-container {
|
|
21
|
-
background-color: var(--neutral-layer-card-container);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.month-day.current {
|
|
25
|
-
color: ${ColorHEX.almostWhite};
|
|
26
|
-
}
|
|
27
|
-
|
|
28
10
|
.input-icon-container {
|
|
29
11
|
display: flex;
|
|
30
12
|
justify-content: center;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.276.0-FUI-2337.4",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -71,19 +71,19 @@
|
|
|
71
71
|
},
|
|
72
72
|
"devDependencies": {
|
|
73
73
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
74
|
-
"@genesislcap/genx": "14.
|
|
75
|
-
"@genesislcap/rollup-builder": "14.
|
|
76
|
-
"@genesislcap/ts-builder": "14.
|
|
77
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
78
|
-
"@genesislcap/vite-builder": "14.
|
|
79
|
-
"@genesislcap/webpack-builder": "14.
|
|
74
|
+
"@genesislcap/genx": "14.276.0-FUI-2337.4",
|
|
75
|
+
"@genesislcap/rollup-builder": "14.276.0-FUI-2337.4",
|
|
76
|
+
"@genesislcap/ts-builder": "14.276.0-FUI-2337.4",
|
|
77
|
+
"@genesislcap/uvu-playwright-builder": "14.276.0-FUI-2337.4",
|
|
78
|
+
"@genesislcap/vite-builder": "14.276.0-FUI-2337.4",
|
|
79
|
+
"@genesislcap/webpack-builder": "14.276.0-FUI-2337.4",
|
|
80
80
|
"rimraf": "^5.0.0"
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
|
-
"@genesislcap/foundation-comms": "14.
|
|
84
|
-
"@genesislcap/foundation-logger": "14.
|
|
85
|
-
"@genesislcap/foundation-ui": "14.
|
|
86
|
-
"@genesislcap/foundation-utils": "14.
|
|
83
|
+
"@genesislcap/foundation-comms": "14.276.0-FUI-2337.4",
|
|
84
|
+
"@genesislcap/foundation-logger": "14.276.0-FUI-2337.4",
|
|
85
|
+
"@genesislcap/foundation-ui": "14.276.0-FUI-2337.4",
|
|
86
|
+
"@genesislcap/foundation-utils": "14.276.0-FUI-2337.4",
|
|
87
87
|
"@microsoft/fast-colors": "5.3.1",
|
|
88
88
|
"@microsoft/fast-components": "2.30.6",
|
|
89
89
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"access": "public"
|
|
101
101
|
},
|
|
102
102
|
"customElements": "dist/custom-elements.json",
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "c5f45c8a89bb021f4d05e9ccd415c2a5c3541447"
|
|
104
104
|
}
|