@noctuatech/uswds 1.3.10 → 1.3.12
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@noctuatech/uswds",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.12",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"workspaces": [
|
|
6
6
|
"packages/**"
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
"storybook": "storybook dev -p 6006",
|
|
24
24
|
"build_storybook": "wireit",
|
|
25
25
|
"gen": "plop",
|
|
26
|
-
"prepare": "wireit"
|
|
26
|
+
"prepare": "wireit",
|
|
27
|
+
"build-storybook": "storybook build"
|
|
27
28
|
},
|
|
28
29
|
"wireit": {
|
|
29
30
|
"prepare": {
|
|
@@ -111,10 +112,11 @@
|
|
|
111
112
|
},
|
|
112
113
|
"devDependencies": {
|
|
113
114
|
"@11ty/eleventy": "^3.0.0",
|
|
115
|
+
"@chromatic-com/storybook": "^4.0.0",
|
|
114
116
|
"@open-wc/testing": "^4.0.0",
|
|
115
|
-
"@storybook/addon-
|
|
116
|
-
"@storybook/web-components": "^
|
|
117
|
-
"@storybook/web-components-vite": "^
|
|
117
|
+
"@storybook/addon-docs": "^9.0.4",
|
|
118
|
+
"@storybook/web-components": "^9.0.4",
|
|
119
|
+
"@storybook/web-components-vite": "^9.0.4",
|
|
118
120
|
"@testing-library/dom": "^10.4.0",
|
|
119
121
|
"@testing-library/user-event": "^14.6.1",
|
|
120
122
|
"@types/mocha": "^10.0.7",
|
|
@@ -130,7 +132,7 @@
|
|
|
130
132
|
"mocha": "^11.0.0",
|
|
131
133
|
"plop": "^4.0.1",
|
|
132
134
|
"prettier": "^3.5.3",
|
|
133
|
-
"storybook": "^
|
|
135
|
+
"storybook": "^9.0.4",
|
|
134
136
|
"typescript": "^5.8.0",
|
|
135
137
|
"wireit": "^0.14.9"
|
|
136
138
|
},
|
|
@@ -138,5 +140,8 @@
|
|
|
138
140
|
"*": [
|
|
139
141
|
"prettier --write --ignore-unknown"
|
|
140
142
|
]
|
|
143
|
+
},
|
|
144
|
+
"overrides": {
|
|
145
|
+
"storybook": "$storybook"
|
|
141
146
|
}
|
|
142
147
|
}
|
|
@@ -23,15 +23,14 @@ export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
|
|
|
23
23
|
css`
|
|
24
24
|
:host {
|
|
25
25
|
display: inline-block;
|
|
26
|
-
border-top-right-radius: 0.25rem;
|
|
27
|
-
border-bottom-right-radius: 0.25rem;
|
|
28
|
-
border-top-left-radius: 0.25rem;
|
|
29
|
-
border-bottom-left-radius: 0.25rem;
|
|
30
|
-
overflow: hidden;
|
|
31
26
|
}
|
|
32
27
|
|
|
33
28
|
button,
|
|
34
29
|
a {
|
|
30
|
+
border-top-right-radius: 0.25rem;
|
|
31
|
+
border-bottom-right-radius: 0.25rem;
|
|
32
|
+
border-top-left-radius: 0.25rem;
|
|
33
|
+
border-bottom-left-radius: 0.25rem;
|
|
35
34
|
box-sizing: border-box;
|
|
36
35
|
font-size: 1.06rem;
|
|
37
36
|
line-height: 0.9;
|
|
@@ -11,7 +11,7 @@ let USAButtonElement = (() => {
|
|
|
11
11
|
delegatesFocus: true,
|
|
12
12
|
},
|
|
13
13
|
shadowDom: [
|
|
14
|
-
css `:host{display:inline-block
|
|
14
|
+
css `:host{display:inline-block}a,button{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;box-sizing:border-box;font-size:1.06rem;line-height:.9;color:#fff;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;border:0;cursor:pointer;-moz-column-gap:0.5rem;column-gap:.5rem;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.25rem;text-align:center;text-decoration:none;width:100%;height:100%;cursor:pointer}@media all and (min-width:30em){:host{width:auto}}:is(button,a):visited{color:#fff}:is(button,a):hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}:is(button,a):active{color:#fff;background-color:#162e51}:is(button,a):not([disabled]):focus{outline-offset:0.25rem}:is(button,a):focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) :is(button,a){color:#fff;background-color:#d83933}:host([variant=secondary]) :is(button,a):hover{background-color:#b50909}:host([variant=secondary]) :is(button,a):active{background-color:#8b0a03}:host([variant=cool]) :is(button,a){color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) :is(button,a):hover{background-color:#28a0cb}:host([variant=cool]) :is(button,a):active{color:#fff;background-color:#07648d}:host([variant=warm]) :is(button,a){color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) :is(button,a):hover{color:#fff;background-color:#c05600}:host([variant=warm]) :is(button,a):active{color:#fff;background-color:#775540}:host([variant=outline]) :is(button,a){background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) :is(button,a):hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) :is(button,a):active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}:host(*) :is(button,a):disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}:host(*) :is(button,a):disabled:active,:host(*) :is(button,a):disabled:focus,:host(*) :is(button,a):disabled:hover{color:#454545;background-color:#c9c9c9}`,
|
|
15
15
|
html `<j-if bind="href"><template><j-bind props="href,target"><a part="link"><slot></slot></a></j-bind></template><template else><j-bind props="value,type,disabled"><button tabindex="0" part="button"><slot></slot></button></j-bind></template></j-if>`,
|
|
16
16
|
],
|
|
17
17
|
})];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAQzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":"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"}
|