@orange-halo/components 2.0.0 → 2.2.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.
- package/custom-elements.json +3551 -73
- package/dist/base.d.ts.map +1 -1
- package/dist/base.js +1 -2
- package/dist/base.js.map +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/oh-accordion.d.ts.map +1 -1
- package/dist/oh-accordion.js +38 -30
- package/dist/oh-accordion.js.map +1 -1
- package/dist/oh-alert.d.ts.map +1 -1
- package/dist/oh-alert.js +74 -32
- package/dist/oh-alert.js.map +1 -1
- package/dist/oh-badge.d.ts.map +1 -1
- package/dist/oh-badge.js +3 -3
- package/dist/oh-badge.js.map +1 -1
- package/dist/oh-breadcrumb.d.ts.map +1 -1
- package/dist/oh-breadcrumb.js +39 -20
- package/dist/oh-breadcrumb.js.map +1 -1
- package/dist/oh-button.d.ts +1 -1
- package/dist/oh-button.d.ts.map +1 -1
- package/dist/oh-button.figma.js +1 -3
- package/dist/oh-button.figma.js.map +1 -1
- package/dist/oh-button.js +83 -51
- package/dist/oh-button.js.map +1 -1
- package/dist/oh-card.d.ts.map +1 -1
- package/dist/oh-card.js +48 -57
- package/dist/oh-card.js.map +1 -1
- package/dist/oh-checkbox-group.d.ts.map +1 -1
- package/dist/oh-checkbox-group.figma.js +1 -1
- package/dist/oh-checkbox-group.figma.js.map +1 -1
- package/dist/oh-checkbox-group.js +46 -23
- package/dist/oh-checkbox-group.js.map +1 -1
- package/dist/oh-checkbox.d.ts +2 -2
- package/dist/oh-checkbox.d.ts.map +1 -1
- package/dist/oh-checkbox.js +56 -29
- package/dist/oh-checkbox.js.map +1 -1
- package/dist/oh-drawer.d.ts.map +1 -1
- package/dist/oh-drawer.js +21 -10
- package/dist/oh-drawer.js.map +1 -1
- package/dist/oh-footer.d.ts +5 -0
- package/dist/oh-footer.d.ts.map +1 -1
- package/dist/oh-footer.js +5 -0
- package/dist/oh-footer.js.map +1 -1
- package/dist/oh-grid.d.ts.map +1 -1
- package/dist/oh-grid.js +1 -2
- package/dist/oh-grid.js.map +1 -1
- package/dist/oh-hero.d.ts +5 -0
- package/dist/oh-hero.d.ts.map +1 -1
- package/dist/oh-hero.js +8 -1
- package/dist/oh-hero.js.map +1 -1
- package/dist/oh-icon.d.ts.map +1 -1
- package/dist/oh-icon.js +7 -5
- package/dist/oh-icon.js.map +1 -1
- package/dist/oh-input.d.ts +11 -6
- package/dist/oh-input.d.ts.map +1 -1
- package/dist/oh-input.figma.js +2 -2
- package/dist/oh-input.figma.js.map +1 -1
- package/dist/oh-input.js +38 -21
- package/dist/oh-input.js.map +1 -1
- package/dist/oh-link.d.ts.map +1 -1
- package/dist/oh-link.js +59 -32
- package/dist/oh-link.js.map +1 -1
- package/dist/oh-modal.d.ts +8 -2
- package/dist/oh-modal.d.ts.map +1 -1
- package/dist/oh-modal.js +60 -30
- package/dist/oh-modal.js.map +1 -1
- package/dist/oh-navbar.d.ts.map +1 -1
- package/dist/oh-navbar.js +2 -1
- package/dist/oh-navbar.js.map +1 -1
- package/dist/oh-progress.d.ts.map +1 -1
- package/dist/oh-progress.js +5 -3
- package/dist/oh-progress.js.map +1 -1
- package/dist/oh-radio-group.d.ts.map +1 -1
- package/dist/oh-radio-group.js +58 -27
- package/dist/oh-radio-group.js.map +1 -1
- package/dist/oh-radio.d.ts +1 -1
- package/dist/oh-radio.d.ts.map +1 -1
- package/dist/oh-radio.js +57 -29
- package/dist/oh-radio.js.map +1 -1
- package/dist/oh-select.d.ts +3 -2
- package/dist/oh-select.d.ts.map +1 -1
- package/dist/oh-select.js +88 -48
- package/dist/oh-select.js.map +1 -1
- package/dist/oh-skip-link.d.ts.map +1 -1
- package/dist/oh-skip-link.js +8 -10
- package/dist/oh-skip-link.js.map +1 -1
- package/dist/oh-tabs.d.ts.map +1 -1
- package/dist/oh-tabs.js +34 -25
- package/dist/oh-tabs.js.map +1 -1
- package/dist/oh-textarea.d.ts +98 -0
- package/dist/oh-textarea.d.ts.map +1 -0
- package/dist/oh-textarea.js +370 -0
- package/dist/oh-textarea.js.map +1 -0
- package/dist/oh-toggle.d.ts.map +1 -1
- package/dist/oh-toggle.js +29 -14
- package/dist/oh-toggle.js.map +1 -1
- package/dist/styles/typography.js +5 -5
- package/package.json +15 -4
package/dist/base.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAO,SAAS,EAAE,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAO,SAAS,EAAE,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,SAiCxB,CAAC;AAEF;;GAEG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC;;OAEG;IACH,MAAM,CAAC,MAAM,cAAgB;IAE7B;;OAEG;IACH,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,OAAO,EACxB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAC3C,OAAO;IAWV;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM;CAM7D"}
|
package/dist/base.js
CHANGED
|
@@ -22,8 +22,7 @@ export const baseStyles = css `
|
|
|
22
22
|
|
|
23
23
|
/* Focus ring for keyboard navigation */
|
|
24
24
|
:host(:focus-visible) {
|
|
25
|
-
outline: var(--oh-focus-ring-width) solid
|
|
26
|
-
var(--oh-focus-ring-color);
|
|
25
|
+
outline: var(--oh-focus-ring-width) solid var(--oh-focus-ring-color);
|
|
27
26
|
outline-offset: var(--oh-focus-ring-offset);
|
|
28
27
|
}
|
|
29
28
|
|
package/dist/base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,GAAG,EAAa,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAc,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"base.js","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,GAAG,EAAa,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAc,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IACvC;;OAEG;aACI,WAAM,GAAG,CAAC,UAAU,CAAC,CAAC;IAE7B;;OAEG;IACO,IAAI,CACZ,SAAiB,EACjB,MAAU,EACV,OAA4C;QAE5C,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE;YACvC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,EAAE,8BAA8B;YAC9C,UAAU,EAAE,IAAI;YAChB,GAAG,OAAO;YACV,MAAM;SACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACO,QAAQ,CAAC,OAAgC;QACjD,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;aAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;aAC5B,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC;aACnB,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -26,15 +26,17 @@ import "./oh-link.js";
|
|
|
26
26
|
import "./oh-modal.js";
|
|
27
27
|
import "./oh-navbar.js";
|
|
28
28
|
import "./oh-progress.js";
|
|
29
|
+
import "./oh-radio.js";
|
|
29
30
|
import "./oh-radio-group.js";
|
|
30
31
|
import "./oh-select.js";
|
|
31
32
|
import "./oh-skip-link.js";
|
|
32
33
|
import "./oh-stack.js";
|
|
33
34
|
import "./oh-tabs.js";
|
|
35
|
+
import "./oh-textarea.js";
|
|
34
36
|
import "./oh-toggle.js";
|
|
35
37
|
export { OhElement, baseStyles } from "./base.js";
|
|
36
38
|
export { OhAccordion } from "./oh-accordion.js";
|
|
37
|
-
export type { AccordionItem, AccordionVariant, HeadingLevel } from "./oh-accordion.js";
|
|
39
|
+
export type { AccordionItem, AccordionVariant, HeadingLevel, } from "./oh-accordion.js";
|
|
38
40
|
export { OhAlert } from "./oh-alert.js";
|
|
39
41
|
export type { AlertVariant } from "./oh-alert.js";
|
|
40
42
|
export { OhBadge } from "./oh-badge.js";
|
|
@@ -53,10 +55,13 @@ export type { ClusterGap, ClusterJustify, ClusterAlign } from "./oh-cluster.js";
|
|
|
53
55
|
export { OhContainer } from "./oh-container.js";
|
|
54
56
|
export type { ContainerSize } from "./oh-container.js";
|
|
55
57
|
export { OhDrawer } from "./oh-drawer.js";
|
|
58
|
+
/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
|
|
56
59
|
export { OhFooter } from "./oh-footer.js";
|
|
57
60
|
export { OhGrid } from "./oh-grid.js";
|
|
58
61
|
export type { GridColumns, GridGap } from "./oh-grid.js";
|
|
62
|
+
/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
|
|
59
63
|
export { OhHero } from "./oh-hero.js";
|
|
64
|
+
/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
|
|
60
65
|
export type { HeroVariant, HeroSize } from "./oh-hero.js";
|
|
61
66
|
export { OhIcon } from "./oh-icon.js";
|
|
62
67
|
export type { IconName, IconSize } from "./oh-icon.js";
|
|
@@ -69,6 +74,8 @@ export type { ModalSize } from "./oh-modal.js";
|
|
|
69
74
|
export { OhNavbar } from "./oh-navbar.js";
|
|
70
75
|
export { OhProgress } from "./oh-progress.js";
|
|
71
76
|
export type { ProgressVariant, ProgressSize } from "./oh-progress.js";
|
|
77
|
+
export { OhRadio } from "./oh-radio.js";
|
|
78
|
+
export type { RadioState } from "./oh-radio.js";
|
|
72
79
|
export { OhRadioGroup } from "./oh-radio-group.js";
|
|
73
80
|
export type { RadioOption } from "./oh-radio-group.js";
|
|
74
81
|
export { OhSelect } from "./oh-select.js";
|
|
@@ -78,6 +85,7 @@ export { OhStack } from "./oh-stack.js";
|
|
|
78
85
|
export type { StackGap, StackAlign } from "./oh-stack.js";
|
|
79
86
|
export { OhTabs } from "./oh-tabs.js";
|
|
80
87
|
export type { TabItem } from "./oh-tabs.js";
|
|
88
|
+
export { OhTextarea } from "./oh-textarea.js";
|
|
81
89
|
export { OhToggle } from "./oh-toggle.js";
|
|
82
90
|
export { typographyStyles, typographyCSS } from "./styles/typography.js";
|
|
83
91
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAOxB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -29,11 +29,13 @@ import "./oh-link.js";
|
|
|
29
29
|
import "./oh-modal.js";
|
|
30
30
|
import "./oh-navbar.js";
|
|
31
31
|
import "./oh-progress.js";
|
|
32
|
+
import "./oh-radio.js";
|
|
32
33
|
import "./oh-radio-group.js";
|
|
33
34
|
import "./oh-select.js";
|
|
34
35
|
import "./oh-skip-link.js";
|
|
35
36
|
import "./oh-stack.js";
|
|
36
37
|
import "./oh-tabs.js";
|
|
38
|
+
import "./oh-textarea.js";
|
|
37
39
|
import "./oh-toggle.js";
|
|
38
40
|
// =============================================================================
|
|
39
41
|
// EXPORTS - For TypeScript users who want to extend or type components
|
|
@@ -52,8 +54,10 @@ export { OhCheckboxGroup } from "./oh-checkbox-group.js";
|
|
|
52
54
|
export { OhCluster } from "./oh-cluster.js";
|
|
53
55
|
export { OhContainer } from "./oh-container.js";
|
|
54
56
|
export { OhDrawer } from "./oh-drawer.js";
|
|
57
|
+
/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
|
|
55
58
|
export { OhFooter } from "./oh-footer.js";
|
|
56
59
|
export { OhGrid } from "./oh-grid.js";
|
|
60
|
+
/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
|
|
57
61
|
export { OhHero } from "./oh-hero.js";
|
|
58
62
|
export { OhIcon } from "./oh-icon.js";
|
|
59
63
|
export { OhInput } from "./oh-input.js";
|
|
@@ -61,11 +65,13 @@ export { OhLink } from "./oh-link.js";
|
|
|
61
65
|
export { OhModal } from "./oh-modal.js";
|
|
62
66
|
export { OhNavbar } from "./oh-navbar.js";
|
|
63
67
|
export { OhProgress } from "./oh-progress.js";
|
|
68
|
+
export { OhRadio } from "./oh-radio.js";
|
|
64
69
|
export { OhRadioGroup } from "./oh-radio-group.js";
|
|
65
70
|
export { OhSelect } from "./oh-select.js";
|
|
66
71
|
export { OhSkipLink } from "./oh-skip-link.js";
|
|
67
72
|
export { OhStack } from "./oh-stack.js";
|
|
68
73
|
export { OhTabs } from "./oh-tabs.js";
|
|
74
|
+
export { OhTextarea } from "./oh-textarea.js";
|
|
69
75
|
export { OhToggle } from "./oh-toggle.js";
|
|
70
76
|
// Styles
|
|
71
77
|
export { typographyStyles, typographyCSS } from "./styles/typography.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,gFAAgF;AAChF,kEAAkE;AAClE,gFAAgF;AAChF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAExB,gFAAgF;AAChF,uEAAuE;AACvE,gFAAgF;AAEhF,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,kCAAkC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-accordion.d.ts","sourceRoot":"","sources":["../src/oh-accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,qBACa,WAAY,SAAQ,SAAS;IACxC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-accordion.d.ts","sourceRoot":"","sources":["../src/oh-accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,qBACa,WAAY,SAAQ,SAAS;IACxC,OAAgB,MAAM,4BA4QpB;IAGF,KAAK,EAAE,aAAa,EAAE,CAAM;IAG5B,OAAO,EAAE,gBAAgB,CAAY;IAGrC,YAAY,EAAE,YAAY,CAAK;IAG/B,OAAO,CAAC,cAAc,CAA0B;IAEhD,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAInB,MAAM;CA2DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
package/dist/oh-accordion.js
CHANGED
|
@@ -68,7 +68,8 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.accordion--subtle .accordion-item {
|
|
71
|
-
border-bottom:
|
|
71
|
+
border-bottom: var(--oh-stroke-divider) solid
|
|
72
|
+
var(--oh-color-border-subtle);
|
|
72
73
|
}
|
|
73
74
|
|
|
74
75
|
.accordion--subtle .accordion-item:last-child {
|
|
@@ -88,12 +89,12 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
88
89
|
gap: var(--oh-spacing-2);
|
|
89
90
|
width: 100%;
|
|
90
91
|
padding: var(--oh-spacing-3) 0;
|
|
91
|
-
|
|
92
|
+
|
|
92
93
|
background: transparent;
|
|
93
94
|
border: none;
|
|
94
95
|
cursor: pointer;
|
|
95
96
|
text-align: left;
|
|
96
|
-
|
|
97
|
+
|
|
97
98
|
font-family: var(--oh-typography-body-font-family);
|
|
98
99
|
font-size: var(--oh-typography-body-base-font-size);
|
|
99
100
|
font-weight: var(--oh-typography-label-base-font-weight);
|
|
@@ -107,37 +108,40 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
107
108
|
/* Text span with dashed underline — follows link rules */
|
|
108
109
|
.accordion--subtle .accordion-text {
|
|
109
110
|
position: relative;
|
|
110
|
-
padding-bottom:
|
|
111
|
+
padding-bottom: var(--oh-decoration-underline-thickness);
|
|
111
112
|
}
|
|
112
113
|
|
|
113
114
|
.accordion--subtle .accordion-text::after {
|
|
114
|
-
content:
|
|
115
|
+
content: "";
|
|
115
116
|
position: absolute;
|
|
116
117
|
left: 0;
|
|
117
118
|
bottom: 0;
|
|
118
119
|
width: 100%;
|
|
119
|
-
height:
|
|
120
|
+
height: var(--oh-decoration-underline-thickness);
|
|
120
121
|
background-image: repeating-linear-gradient(
|
|
121
122
|
to right,
|
|
122
123
|
var(--oh-color-text-link) 0,
|
|
123
|
-
var(--oh-color-text-link)
|
|
124
|
-
transparent
|
|
125
|
-
transparent
|
|
124
|
+
var(--oh-color-text-link) var(--oh-decoration-underline-dash),
|
|
125
|
+
transparent var(--oh-decoration-underline-dash),
|
|
126
|
+
transparent var(--oh-decoration-underline-period)
|
|
126
127
|
);
|
|
127
128
|
background-size: 100% 100%;
|
|
128
129
|
background-repeat: no-repeat;
|
|
129
130
|
transform-origin: right;
|
|
130
|
-
transition: transform var(--oh-motion-relaxed)
|
|
131
|
+
transition: transform var(--oh-motion-relaxed)
|
|
132
|
+
var(--oh-motion-ease-gentle);
|
|
131
133
|
}
|
|
132
134
|
|
|
133
135
|
.accordion--subtle .accordion-trigger:hover .accordion-text::after {
|
|
134
136
|
transform: scaleX(0);
|
|
135
137
|
}
|
|
136
138
|
|
|
137
|
-
.accordion--subtle
|
|
139
|
+
.accordion--subtle
|
|
140
|
+
.accordion-trigger:focus-visible
|
|
141
|
+
.accordion-text::after {
|
|
138
142
|
background-image: none;
|
|
139
143
|
background-color: var(--oh-color-brand-primary);
|
|
140
|
-
height:
|
|
144
|
+
height: var(--oh-decoration-underline-thickness);
|
|
141
145
|
transform: scaleX(1);
|
|
142
146
|
}
|
|
143
147
|
|
|
@@ -156,21 +160,23 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
156
160
|
|
|
157
161
|
.accordion--standout .accordion-item {
|
|
158
162
|
background-color: var(--oh-color-surface-raised);
|
|
159
|
-
border: var(--oh-
|
|
163
|
+
border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
|
|
160
164
|
border-radius: var(--oh-shape-container);
|
|
161
165
|
overflow: hidden;
|
|
162
|
-
|
|
166
|
+
|
|
163
167
|
/* Base shadow and lift animation */
|
|
164
|
-
box-shadow:
|
|
165
|
-
|
|
168
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
169
|
+
0 0 var(--oh-shadow-neutral);
|
|
170
|
+
transition:
|
|
166
171
|
transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
167
172
|
box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful);
|
|
168
173
|
}
|
|
169
174
|
|
|
170
175
|
/* Lift whole accordion only when trigger is hovered */
|
|
171
176
|
.accordion--standout .accordion-item:has(.accordion-trigger:hover) {
|
|
172
|
-
transform: translate(-
|
|
173
|
-
box-shadow:
|
|
177
|
+
transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
|
|
178
|
+
box-shadow: var(--oh-elevation-offset-xl) var(--oh-elevation-offset-xl)
|
|
179
|
+
0 0 var(--oh-shadow-neutral-hover);
|
|
174
180
|
}
|
|
175
181
|
|
|
176
182
|
.accordion--standout .accordion-item[data-expanded="true"] {
|
|
@@ -183,12 +189,12 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
183
189
|
gap: var(--oh-spacing-3);
|
|
184
190
|
width: 100%;
|
|
185
191
|
padding: var(--oh-spacing-4);
|
|
186
|
-
|
|
192
|
+
|
|
187
193
|
background: transparent;
|
|
188
194
|
border: none;
|
|
189
195
|
cursor: pointer;
|
|
190
196
|
text-align: left;
|
|
191
|
-
|
|
197
|
+
|
|
192
198
|
font-family: var(--oh-typography-body-font-family);
|
|
193
199
|
font-size: var(--oh-typography-body-base-font-size);
|
|
194
200
|
font-weight: var(--oh-typography-control-font-weight);
|
|
@@ -207,28 +213,29 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
207
213
|
/* Text span for standout — dashed underline appears on hover */
|
|
208
214
|
.accordion--standout .accordion-text {
|
|
209
215
|
position: relative;
|
|
210
|
-
padding-bottom:
|
|
216
|
+
padding-bottom: var(--oh-decoration-underline-thickness);
|
|
211
217
|
}
|
|
212
218
|
|
|
213
219
|
.accordion--standout .accordion-text::after {
|
|
214
|
-
content:
|
|
220
|
+
content: "";
|
|
215
221
|
position: absolute;
|
|
216
222
|
left: 0;
|
|
217
223
|
bottom: 0;
|
|
218
224
|
width: 100%;
|
|
219
|
-
height:
|
|
225
|
+
height: var(--oh-decoration-underline-thickness);
|
|
220
226
|
background-image: repeating-linear-gradient(
|
|
221
227
|
to right,
|
|
222
228
|
var(--oh-color-text-primary) 0,
|
|
223
|
-
var(--oh-color-text-primary)
|
|
224
|
-
transparent
|
|
225
|
-
transparent
|
|
229
|
+
var(--oh-color-text-primary) var(--oh-decoration-underline-dash),
|
|
230
|
+
transparent var(--oh-decoration-underline-dash),
|
|
231
|
+
transparent var(--oh-decoration-underline-period)
|
|
226
232
|
);
|
|
227
233
|
background-size: 100% 100%;
|
|
228
234
|
background-repeat: no-repeat;
|
|
229
235
|
transform-origin: left;
|
|
230
236
|
transform: scaleX(0);
|
|
231
|
-
transition: transform var(--oh-motion-relaxed)
|
|
237
|
+
transition: transform var(--oh-motion-relaxed)
|
|
238
|
+
var(--oh-motion-ease-gentle);
|
|
232
239
|
}
|
|
233
240
|
|
|
234
241
|
.accordion--standout .accordion-trigger:hover .accordion-text::after {
|
|
@@ -238,7 +245,7 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
238
245
|
.accordion--standout .accordion-content {
|
|
239
246
|
padding: var(--oh-spacing-4);
|
|
240
247
|
color: var(--oh-color-text-primary);
|
|
241
|
-
border-top:
|
|
248
|
+
border-top: var(--oh-stroke-divider) solid var(--oh-color-border-subtle);
|
|
242
249
|
}
|
|
243
250
|
|
|
244
251
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -249,7 +256,8 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
249
256
|
flex-shrink: 0;
|
|
250
257
|
width: 1rem;
|
|
251
258
|
height: 1rem;
|
|
252
|
-
transition: transform var(--oh-motion-gentle)
|
|
259
|
+
transition: transform var(--oh-motion-gentle)
|
|
260
|
+
var(--oh-motion-ease-gentle);
|
|
253
261
|
}
|
|
254
262
|
|
|
255
263
|
.accordion--subtle .accordion-icon {
|
|
@@ -293,7 +301,7 @@ let OhAccordion = class OhAccordion extends OhElement {
|
|
|
293
301
|
.accordion--subtle .accordion-text::after {
|
|
294
302
|
transition-duration: 0.01ms !important;
|
|
295
303
|
}
|
|
296
|
-
|
|
304
|
+
|
|
297
305
|
.accordion--standout .accordion-item:has(.accordion-trigger:hover) {
|
|
298
306
|
transform: none !important;
|
|
299
307
|
}
|
package/dist/oh-accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-accordion.js","sourceRoot":"","sources":["../src/oh-accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAW3C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS;IAAnC;;
|
|
1
|
+
{"version":3,"file":"oh-accordion.js","sourceRoot":"","sources":["../src/oh-accordion.ts"],"names":[],"mappings":"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"}
|
package/dist/oh-alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-alert.d.ts","sourceRoot":"","sources":["../src/oh-alert.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-alert.d.ts","sourceRoot":"","sources":["../src/oh-alert.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BA0NpB;IAGF,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,UAAS;IAEpB;;;OAGG;IAEH,IAAI,UAAS;IAEb,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,QAAQ;IAkEhB,MAAM;CAoCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/oh-alert.js
CHANGED
|
@@ -65,13 +65,13 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
65
65
|
display: flex;
|
|
66
66
|
align-items: flex-start;
|
|
67
67
|
gap: var(--oh-spacing-3);
|
|
68
|
-
|
|
68
|
+
|
|
69
69
|
/* Shape */
|
|
70
70
|
padding: var(--oh-spacing-4);
|
|
71
71
|
border-radius: var(--oh-shape-container);
|
|
72
|
-
|
|
72
|
+
|
|
73
73
|
/* Chunky border like other components */
|
|
74
|
-
border: var(--oh-
|
|
74
|
+
border: var(--oh-stroke-control) solid;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -92,7 +92,7 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
92
92
|
.alert-content {
|
|
93
93
|
flex: 1;
|
|
94
94
|
min-width: 0;
|
|
95
|
-
|
|
95
|
+
|
|
96
96
|
/* Typography */
|
|
97
97
|
font-family: var(--oh-typography-body-font-family);
|
|
98
98
|
font-size: var(--oh-typography-body-base-font-size);
|
|
@@ -109,19 +109,19 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
109
109
|
background-image: repeating-linear-gradient(
|
|
110
110
|
to right,
|
|
111
111
|
currentColor 0,
|
|
112
|
-
currentColor
|
|
113
|
-
transparent
|
|
114
|
-
transparent
|
|
112
|
+
currentColor var(--oh-decoration-underline-dash),
|
|
113
|
+
transparent var(--oh-decoration-underline-dash),
|
|
114
|
+
transparent var(--oh-decoration-underline-period)
|
|
115
115
|
);
|
|
116
|
-
background-size: 100%
|
|
116
|
+
background-size: 100% var(--oh-decoration-underline-thickness);
|
|
117
117
|
background-position: 0 100%;
|
|
118
118
|
background-repeat: no-repeat;
|
|
119
|
-
padding-bottom:
|
|
119
|
+
padding-bottom: var(--oh-decoration-underline-thickness);
|
|
120
120
|
transition: background-size var(--oh-motion-slow) ease;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
.alert-content ::slotted(a:hover) {
|
|
124
|
-
background-size: 0%
|
|
124
|
+
background-size: 0% var(--oh-decoration-underline-thickness);
|
|
125
125
|
background-position: 100% 100%;
|
|
126
126
|
}
|
|
127
127
|
|
|
@@ -130,7 +130,7 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
130
130
|
outline-offset: 2px;
|
|
131
131
|
border-radius: 2px;
|
|
132
132
|
background-image: linear-gradient(currentColor, currentColor);
|
|
133
|
-
background-size: 100%
|
|
133
|
+
background-size: 100% var(--oh-decoration-underline-thickness);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -142,24 +142,24 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
142
142
|
display: flex;
|
|
143
143
|
align-items: center;
|
|
144
144
|
gap: var(--oh-spacing-1);
|
|
145
|
-
|
|
145
|
+
|
|
146
146
|
padding: var(--oh-spacing-1) var(--oh-spacing-2);
|
|
147
147
|
margin: -0.25rem -0.5rem -0.25rem 0;
|
|
148
|
-
|
|
148
|
+
|
|
149
149
|
font-family: var(--oh-typography-body-font-family);
|
|
150
150
|
font-size: var(--oh-typography-body-base-font-size);
|
|
151
151
|
font-weight: var(--oh-typography-label-base-font-weight);
|
|
152
|
-
|
|
152
|
+
|
|
153
153
|
background: transparent;
|
|
154
154
|
border: none;
|
|
155
155
|
border-radius: var(--oh-shape-compact);
|
|
156
156
|
cursor: pointer;
|
|
157
|
-
|
|
157
|
+
|
|
158
158
|
/* Use primary text color for contrast */
|
|
159
159
|
color: var(--oh-color-text-primary);
|
|
160
|
-
|
|
160
|
+
|
|
161
161
|
/* Chunky animation setup */
|
|
162
|
-
transition:
|
|
162
|
+
transition:
|
|
163
163
|
transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
164
164
|
box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
165
165
|
background-color var(--oh-motion-quick) ease;
|
|
@@ -167,13 +167,15 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
167
167
|
|
|
168
168
|
.alert-close:hover {
|
|
169
169
|
background-color: var(--oh-close-button-background-hover);
|
|
170
|
-
transform: translate(-
|
|
171
|
-
box-shadow:
|
|
170
|
+
transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
|
|
171
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
172
|
+
0 0 var(--oh-close-button-shadow-hover);
|
|
172
173
|
}
|
|
173
174
|
|
|
174
175
|
.alert-close:active {
|
|
175
|
-
transform: translate(
|
|
176
|
-
box-shadow:
|
|
176
|
+
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
177
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
178
|
+
0 0 var(--oh-close-button-shadow-hover);
|
|
177
179
|
}
|
|
178
180
|
|
|
179
181
|
.alert-close:focus-visible {
|
|
@@ -270,27 +272,63 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
270
272
|
switch (this.variant) {
|
|
271
273
|
case "success":
|
|
272
274
|
return html `
|
|
273
|
-
<svg
|
|
274
|
-
|
|
275
|
+
<svg
|
|
276
|
+
class="alert-icon"
|
|
277
|
+
viewBox="0 0 20 20"
|
|
278
|
+
fill="currentColor"
|
|
279
|
+
aria-hidden="true"
|
|
280
|
+
>
|
|
281
|
+
<path
|
|
282
|
+
fill-rule="evenodd"
|
|
283
|
+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
284
|
+
clip-rule="evenodd"
|
|
285
|
+
/>
|
|
275
286
|
</svg>
|
|
276
287
|
`;
|
|
277
288
|
case "error":
|
|
278
289
|
return html `
|
|
279
|
-
<svg
|
|
280
|
-
|
|
290
|
+
<svg
|
|
291
|
+
class="alert-icon"
|
|
292
|
+
viewBox="0 0 20 20"
|
|
293
|
+
fill="currentColor"
|
|
294
|
+
aria-hidden="true"
|
|
295
|
+
>
|
|
296
|
+
<path
|
|
297
|
+
fill-rule="evenodd"
|
|
298
|
+
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
|
|
299
|
+
clip-rule="evenodd"
|
|
300
|
+
/>
|
|
281
301
|
</svg>
|
|
282
302
|
`;
|
|
283
303
|
case "warning":
|
|
284
304
|
return html `
|
|
285
|
-
<svg
|
|
286
|
-
|
|
305
|
+
<svg
|
|
306
|
+
class="alert-icon"
|
|
307
|
+
viewBox="0 0 20 20"
|
|
308
|
+
fill="currentColor"
|
|
309
|
+
aria-hidden="true"
|
|
310
|
+
>
|
|
311
|
+
<path
|
|
312
|
+
fill-rule="evenodd"
|
|
313
|
+
d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
|
|
314
|
+
clip-rule="evenodd"
|
|
315
|
+
/>
|
|
287
316
|
</svg>
|
|
288
317
|
`;
|
|
289
318
|
case "info":
|
|
290
319
|
default:
|
|
291
320
|
return html `
|
|
292
|
-
<svg
|
|
293
|
-
|
|
321
|
+
<svg
|
|
322
|
+
class="alert-icon"
|
|
323
|
+
viewBox="0 0 20 20"
|
|
324
|
+
fill="currentColor"
|
|
325
|
+
aria-hidden="true"
|
|
326
|
+
>
|
|
327
|
+
<path
|
|
328
|
+
fill-rule="evenodd"
|
|
329
|
+
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
|
|
330
|
+
clip-rule="evenodd"
|
|
331
|
+
/>
|
|
294
332
|
</svg>
|
|
295
333
|
`;
|
|
296
334
|
}
|
|
@@ -303,11 +341,11 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
303
341
|
return html `
|
|
304
342
|
<div class=${classes} role=${this.live ? "alert" : nothing} part="alert">
|
|
305
343
|
${this._getIcon()}
|
|
306
|
-
|
|
344
|
+
|
|
307
345
|
<div class="alert-content" part="content">
|
|
308
346
|
<slot></slot>
|
|
309
347
|
</div>
|
|
310
|
-
|
|
348
|
+
|
|
311
349
|
${this.dismissible
|
|
312
350
|
? html `
|
|
313
351
|
<button
|
|
@@ -318,7 +356,11 @@ let OhAlert = class OhAlert extends OhElement {
|
|
|
318
356
|
>
|
|
319
357
|
<span>Close</span>
|
|
320
358
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
321
|
-
<path
|
|
359
|
+
<path
|
|
360
|
+
fill-rule="evenodd"
|
|
361
|
+
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
|
|
362
|
+
clip-rule="evenodd"
|
|
363
|
+
/>
|
|
322
364
|
</svg>
|
|
323
365
|
</button>
|
|
324
366
|
`
|
package/dist/oh-alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-alert.js","sourceRoot":"","sources":["../src/oh-alert.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;
|
|
1
|
+
{"version":3,"file":"oh-alert.js","sourceRoot":"","sources":["../src/oh-alert.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QA8NL,YAAO,GAAiB,MAAM,CAAC;QAG/B,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;WAGG;QAEH,SAAI,GAAG,KAAK,CAAC;IA6Gf,CAAC;aApViB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuNF;KACF,AA1NqB,CA0NpB;IAeM,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAEO,QAAQ;QACd,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA;;;;;;;;;;;;;SAaV,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO,IAAI,CAAA;;;;;;;;;;;;;SAaV,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA;;;;;;;;;;;;;SAaV,CAAC;YACJ,KAAK,MAAM,CAAC;YACZ;gBACE,OAAO,IAAI,CAAA;;;;;;;;;;;;;SAaV,CAAC;QACN,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC5B,KAAK,EAAE,IAAI;YACX,CAAC,UAAU,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;SACjC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mBACI,OAAO,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;UACtD,IAAI,CAAC,QAAQ,EAAE;;;;;;UAMf,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;;;;yBAKS,IAAI,CAAC,cAAc;;;;;;;;;;;aAW/B;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAtHD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACX;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACvB;AAOpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC9B;AAxOF,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqVnB"}
|
package/dist/oh-badge.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-badge.d.ts","sourceRoot":"","sources":["../src/oh-badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"oh-badge.d.ts","sourceRoot":"","sources":["../src/oh-badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5C,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAgHpB;IAGF,OAAO,EAAE,YAAY,CAAW;IAGhC,IAAI,EAAE,SAAS,CAAY;IAE3B,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/oh-badge.js
CHANGED
|
@@ -52,18 +52,18 @@ let OhBadge = class OhBadge extends OhElement {
|
|
|
52
52
|
display: inline-flex;
|
|
53
53
|
align-items: center;
|
|
54
54
|
gap: var(--oh-spacing-1);
|
|
55
|
-
|
|
55
|
+
|
|
56
56
|
/* Typography */
|
|
57
57
|
font-family: var(--oh-typography-body-font-family);
|
|
58
58
|
font-size: var(--oh-typography-body-base-font-size);
|
|
59
59
|
font-weight: var(--oh-typography-label-base-font-weight);
|
|
60
60
|
line-height: var(--oh-typography-heading-h1-line-height);
|
|
61
61
|
letter-spacing: var(--oh-typography-control-letter-spacing);
|
|
62
|
-
|
|
62
|
+
|
|
63
63
|
/* Shape */
|
|
64
64
|
padding: var(--oh-spacing-1) var(--oh-spacing-2-5);
|
|
65
65
|
border-radius: var(--oh-shape-compact);
|
|
66
|
-
|
|
66
|
+
|
|
67
67
|
/* No interaction */
|
|
68
68
|
pointer-events: none;
|
|
69
69
|
user-select: none;
|
package/dist/oh-badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-badge.js","sourceRoot":"","sources":["../src/oh-badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"oh-badge.js","sourceRoot":"","sources":["../src/oh-badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAY3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QAoHL,YAAO,GAAiB,OAAO,CAAC;QAGhC,SAAI,GAAc,QAAQ,CAAC;IAgB7B,CAAC;aAtIiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6GF;KACF,AAhHqB,CAgHpB;IAQF,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC5B,KAAK,EAAE,IAAI;YACX,CAAC,UAAU,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YAChC,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SAC9B,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,OAAO;;;;KAItB,CAAC;IACJ,CAAC;;AAlBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACV;AAGhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCACf;AAvHhB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAuInB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-breadcrumb.d.ts","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,SAAS;IACzC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-breadcrumb.d.ts","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,SAAS;IACzC,OAAgB,MAAM,4BAgMpB;IAGF,KAAK,EAAE,cAAc,EAAE,CAAM;IAE7B,MAAM;CA8DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|