@genesislcap/foundation-zero 14.182.3-alpha-75765564b4e.0 → 14.183.0

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.
Files changed (6) hide show
  1. package/dist/dts/_common/colors.d.ts +1 -0
  2. package/dist/dts/_common/colors.d.ts.map +1 -1
  3. package/dist/dts/button/button.styles.d.ts.map +1 -1
  4. package/dist/esm/_common/colors.js +1 -0
  5. package/dist/esm/button/button.styles.js +25 -1
  6. package/package.json +12 -12
package/dist/dts/_common/colors.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare enum ZeroAppearanceColor {
8
8
  PrimaryPurple = "primary-purple",
9
9
  PrimaryGradient = "primary-gradient",
10
10
  SecondaryOrange = "secondary-orange",
11
+ Danger = "danger",
11
12
  SecondaryTeal = "secondary-teal",
12
13
  NeutralGrey = "neutral-grey",
13
14
  OutlinePrimaryGradient = "outline-primary-gradient",
package/dist/dts/_common/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/_common/colors.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB,QAA0D,CAAC;AAO7F,eAAO,MAAM,mBAAmB,QAAsD,CAAC;AAOvF,eAAO,MAAM,sBAAsB,QAA4D,CAAC;AAOhG,eAAO,MAAM,yBAAyB,QAGrC,CAAC;AAOF,eAAO,MAAM,gCAAgC,QAG5C,CAAC;AAEF,oBAAY,mBAAmB;IAC7B,WAAW,iBAAiB;IAC5B,aAAa,mBAAmB;IAChC,eAAe,qBAAqB;IACpC,eAAe,qBAAqB;IACpC,aAAa,mBAAmB;IAChC,WAAW,iBAAiB;IAC5B,sBAAsB,6BAA6B;IACnD,sBAAsB,6BAA6B;IACnD,oBAAoB,2BAA2B;CAChD;AAED,eAAO,MAAM,oBAAoB,UAA6D,CAAC;AAE/F,eAAO,MAAM,oBAAoB,uBAAqC,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/_common/colors.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB,QAA0D,CAAC;AAO7F,eAAO,MAAM,mBAAmB,QAAsD,CAAC;AAOvF,eAAO,MAAM,sBAAsB,QAA4D,CAAC;AAOhG,eAAO,MAAM,yBAAyB,QAGrC,CAAC;AAOF,eAAO,MAAM,gCAAgC,QAG5C,CAAC;AAEF,oBAAY,mBAAmB;IAC7B,WAAW,iBAAiB;IAC5B,aAAa,mBAAmB;IAChC,eAAe,qBAAqB;IACpC,eAAe,qBAAqB;IACpC,MAAM,WAAW;IACjB,aAAa,mBAAmB;IAChC,WAAW,iBAAiB;IAC5B,sBAAsB,6BAA6B;IACnD,sBAAsB,6BAA6B;IACnD,oBAAoB,2BAA2B;CAChD;AAED,eAAO,MAAM,oBAAoB,UAA6D,CAAC;AAE/F,eAAO,MAAM,oBAAoB,uBAAqC,CAAC"}
package/dist/dts/button/button.styles.d.ts.map CHANGED
@@ -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;AAqPpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcA,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;AA8QpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAeA,CAAC"}
package/dist/esm/_common/colors.js CHANGED
@@ -36,6 +36,7 @@ export var ZeroAppearanceColor;
36
36
  ZeroAppearanceColor["PrimaryPurple"] = "primary-purple";
37
37
  ZeroAppearanceColor["PrimaryGradient"] = "primary-gradient";
38
38
  ZeroAppearanceColor["SecondaryOrange"] = "secondary-orange";
39
+ ZeroAppearanceColor["Danger"] = "danger";
39
40
  ZeroAppearanceColor["SecondaryTeal"] = "secondary-teal";
40
41
  ZeroAppearanceColor["NeutralGrey"] = "neutral-grey";
41
42
  ZeroAppearanceColor["OutlinePrimaryGradient"] = "outline-primary-gradient";
package/dist/esm/button/button.styles.js CHANGED
@@ -94,6 +94,30 @@ const zeroSecondaryOrangeStyles = css `
94
94
  color: ${whiteWebRGBA(activeStateFontOpacity)};
95
95
  }
96
96
  `;
97
+ const zeroDangerStyles = css `
98
+ :host([appearance='danger']) {
99
+ background: color-mix(in srgb, var(--error-color), transparent 50%);
100
+ border: calc(var(--stroke-width) * 1px) solid var(--error-color);
101
+ }
102
+
103
+ :host([appearance='danger']:hover) {
104
+ background: var(--error-color);
105
+ }
106
+
107
+ :host([appearance='danger'][disabled]),
108
+ :host([appearance='danger'][disabled]):hover,
109
+ :host([appearance='danger'][disabled]):active {
110
+ background: color-mix(in srgb, var(--error-color), transparent 70%);
111
+ border: calc(var(--stroke-width) * 1px) solid var(--error-color);
112
+ color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
113
+ opacity: 100%;
114
+ }
115
+
116
+ :host([appearance='danger']:active) {
117
+ background: color-mix(in srgb, var(--error-color), transparent 70%);
118
+ border: calc(var(--stroke-width) * 1px) solid var(--error-color);
119
+ }
120
+ `;
97
121
  const zeroSecondaryTealStyles = css `
98
122
  :host([appearance='secondary-teal']) {
99
123
  background: ${secondaryTealWebRGBA(stockStateOpacity)};
@@ -227,4 +251,4 @@ const baseStyles = (context, definition) => css `
227
251
  export const zeroButtonStyles = (context, definition) => css `
228
252
  ${foundationButtonStyles(context, definition)}
229
253
  ${baseStyles(context, definition)}
230
- `.withBehaviors(appearanceBehavior('primary-blue', zeroPrimaryBlueStyles), appearanceBehavior('primary-purple', zeroPrimaryPurpleStyles), appearanceBehavior('primary-gradient', zeroPrimaryGradientStyles), appearanceBehavior('secondary-orange', zeroSecondaryOrangeStyles), appearanceBehavior('secondary-teal', zeroSecondaryTealStyles), appearanceBehavior('neutral-grey', zeroNeutralGreyStyles), appearanceBehavior('outline-primary-gradient', zeroOutlinePrimaryGradientStyles), appearanceBehavior('outline-secondary-orange', zeroOutlineSecondaryOrangeStyles), appearanceBehavior('outline-secondary-teal', zeroOutlineSecondaryTealStyles));
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));
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.182.3-alpha-75765564b4e.0",
4
+ "version": "14.183.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -67,12 +67,12 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
70
- "@genesislcap/genx": "14.182.3-alpha-75765564b4e.0",
71
- "@genesislcap/rollup-builder": "14.182.3-alpha-75765564b4e.0",
72
- "@genesislcap/ts-builder": "14.182.3-alpha-75765564b4e.0",
73
- "@genesislcap/uvu-playwright-builder": "14.182.3-alpha-75765564b4e.0",
74
- "@genesislcap/vite-builder": "14.182.3-alpha-75765564b4e.0",
75
- "@genesislcap/webpack-builder": "14.182.3-alpha-75765564b4e.0",
70
+ "@genesislcap/genx": "14.183.0",
71
+ "@genesislcap/rollup-builder": "14.183.0",
72
+ "@genesislcap/ts-builder": "14.183.0",
73
+ "@genesislcap/uvu-playwright-builder": "14.183.0",
74
+ "@genesislcap/vite-builder": "14.183.0",
75
+ "@genesislcap/webpack-builder": "14.183.0",
76
76
  "@storybook/addon-coverage": "^1.0.1",
77
77
  "@storybook/addon-essentials": "^8.0.0",
78
78
  "@storybook/addon-links": "^8.0.0",
@@ -89,10 +89,10 @@
89
89
  "storybook": "^8.0.0"
90
90
  },
91
91
  "dependencies": {
92
- "@genesislcap/foundation-comms": "14.182.3-alpha-75765564b4e.0",
93
- "@genesislcap/foundation-logger": "14.182.3-alpha-75765564b4e.0",
94
- "@genesislcap/foundation-ui": "14.182.3-alpha-75765564b4e.0",
95
- "@genesislcap/foundation-utils": "14.182.3-alpha-75765564b4e.0",
92
+ "@genesislcap/foundation-comms": "14.183.0",
93
+ "@genesislcap/foundation-logger": "14.183.0",
94
+ "@genesislcap/foundation-ui": "14.183.0",
95
+ "@genesislcap/foundation-utils": "14.183.0",
96
96
  "@microsoft/fast-colors": "^5.3.1",
97
97
  "@microsoft/fast-components": "^2.30.6",
98
98
  "@microsoft/fast-element": "^1.12.0",
@@ -109,5 +109,5 @@
109
109
  "access": "public"
110
110
  },
111
111
  "customElements": "dist/custom-elements.json",
112
- "gitHead": "db534c9b74fd9c9813f573cea0962819667eec93"
112
+ "gitHead": "deecb5a173b5b6bd7042a7699ddb7d24e32d1ce8"
113
113
  }