@ptcwebops/ptcw-design 6.4.2 → 6.4.3

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 (95) hide show
  1. package/dist/cjs/buying-option-card.cjs.entry.js +184 -0
  2. package/dist/cjs/buying-option-cards-slider.cjs.entry.js +140 -0
  3. package/dist/cjs/icon-asset.cjs.entry.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/ptc-back-to-top.cjs.entry.js +1 -1
  6. package/dist/cjs/ptc-date.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-form-radio-button.cjs.entry.js +13 -0
  8. package/dist/cjs/ptcw-design.cjs.js +1 -1
  9. package/dist/collection/collection-manifest.json +2 -0
  10. package/dist/collection/components/buying-option-card/buying-option-card.css +124 -0
  11. package/dist/collection/components/buying-option-card/buying-option-card.js +227 -0
  12. package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.css +1148 -0
  13. package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.js +135 -0
  14. package/dist/collection/components/icon-asset/icon-asset.css +8 -0
  15. package/dist/collection/components/icon-asset/icon-asset.js +2 -2
  16. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +1 -0
  17. package/dist/collection/components/ptc-date/ptc-date.js +2 -2
  18. package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.js +18 -2
  19. package/dist/collection/stories/Accordian.stories.js +32 -18
  20. package/dist/collection/stories/Announcement.stories.js +22 -1
  21. package/dist/collection/stories/BackgroundImage.stories.js +0 -7
  22. package/dist/collection/stories/Breadcrumb.stories.js +44 -37
  23. package/dist/collection/stories/CardWrapper.stories.js +0 -32
  24. package/dist/collection/stories/Countdown.stories.js +67 -6
  25. package/dist/collection/stories/Date.stories.js +55 -76
  26. package/dist/collection/stories/FormCheckbox.stories.js +3 -3
  27. package/dist/collection/stories/FormRadioButton.stories.js +3 -3
  28. package/dist/collection/stories/Icon.stories.js +6 -30
  29. package/dist/collection/stories/Jumbotron.stories.js +0 -36
  30. package/dist/collection/stories/Link.stories.js +3 -3
  31. package/dist/collection/stories/ListItem.stories.js +15 -47
  32. package/dist/collection/stories/MobileSelect.stories.js +1 -1
  33. package/dist/collection/stories/Select.stories.js +33 -21
  34. package/dist/collection/stories/Span.stories.js +39 -51
  35. package/dist/collection/stories/SvgButton.stories.js +1 -1
  36. package/dist/collection/stories/Textfield.stories.js +0 -14
  37. package/dist/collection/stories/organisms/ptc/Buying Options Cards Slider/preview.stories.js +264 -0
  38. package/dist/custom-elements/index.d.ts +12 -0
  39. package/dist/custom-elements/index.js +7727 -7402
  40. package/dist/esm/buying-option-card.entry.js +180 -0
  41. package/dist/esm/buying-option-cards-slider.entry.js +136 -0
  42. package/dist/esm/icon-asset.entry.js +1 -1
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/esm/ptc-back-to-top.entry.js +1 -1
  45. package/dist/esm/ptc-date.entry.js +1 -1
  46. package/dist/esm/ptc-form-radio-button.entry.js +13 -0
  47. package/dist/esm/ptcw-design.js +1 -1
  48. package/dist/ptcw-design/p-0a7cc9e4.entry.js +1 -0
  49. package/dist/ptcw-design/p-214d9da6.entry.js +1 -0
  50. package/dist/ptcw-design/{p-db1dcce0.entry.js → p-23cb5b5b.entry.js} +1 -1
  51. package/dist/ptcw-design/{p-884c335c.entry.js → p-37f92bb4.entry.js} +1 -1
  52. package/dist/ptcw-design/p-a7ac0ecb.entry.js +1 -0
  53. package/dist/ptcw-design/{p-d3ac3758.entry.js → p-db0fc94d.entry.js} +1 -1
  54. package/dist/ptcw-design/ptcw-design.css +1 -1
  55. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  56. package/dist/types/components/buying-option-card/buying-option-card.d.ts +44 -0
  57. package/dist/types/components/buying-option-cards-slider/buying-option-cards-slider.d.ts +10 -0
  58. package/dist/types/components/icon-asset/icon-asset.d.ts +1 -1
  59. package/dist/types/components/organism-bundles/blogs-search-section/blogs-search-section.d.ts +1 -1
  60. package/dist/types/components/ptc-form-radio-button/ptc-form-radio-button.d.ts +2 -0
  61. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +1 -1
  62. package/dist/types/components.d.ts +38 -0
  63. package/package.json +1 -1
  64. package/readme.md +1 -1
  65. package/dist/collection/stories/Breadcrumb2.stories.js +0 -62
  66. package/dist/collection/stories/BrightcovVideo.stories.js +0 -21
  67. package/dist/collection/stories/Button.stories.js +0 -120
  68. package/dist/collection/stories/Checkbox.stories.js +0 -21
  69. package/dist/collection/stories/CheckboxGroup.stories.js +0 -27
  70. package/dist/collection/stories/CloseIcon.stories.js +0 -10
  71. package/dist/collection/stories/CollapseList.stories.js +0 -14
  72. package/dist/collection/stories/DataLookup.stories.js +0 -21
  73. package/dist/collection/stories/EllipsisDropdown.stories.js +0 -14
  74. package/dist/collection/stories/Hero.stories.js +0 -35
  75. package/dist/collection/stories/HeroFooterCTA.stories.js +0 -21
  76. package/dist/collection/stories/MinimizedFooter.stories.js +0 -18
  77. package/dist/collection/stories/MinimizedHeader.stories.js +0 -37
  78. package/dist/collection/stories/MultiSelect.stories.js +0 -10
  79. package/dist/collection/stories/Paragraph.stories.js +0 -104
  80. package/dist/collection/stories/ReadMore.stories.js +0 -100
  81. package/dist/collection/stories/ReadmoreV2.stories.js +0 -37
  82. package/dist/collection/stories/ScrollButton.stories.js +0 -14
  83. package/dist/collection/stories/SearchField.stories.js +0 -21
  84. package/dist/collection/stories/SocialShare.stories.js +0 -83
  85. package/dist/collection/stories/SvgBtn.stories.js +0 -36
  86. package/dist/collection/stories/TextCopyWithBackground.stories.js +0 -100
  87. package/dist/collection/stories/TheaterVideo.stories.js +0 -21
  88. package/dist/collection/stories/Title.stories.js +0 -127
  89. package/dist/collection/stories/Tooltip.stories.js +0 -112
  90. package/dist/collection/stories/VideoEmbed.stories.js +0 -10
  91. package/dist/collection/stories/backToTop.stories.js +0 -10
  92. package/dist/collection/stories/backgroundVideo.stories.js +0 -115
  93. package/dist/collection/stories/jumbotronSubMenu.stories.js +0 -14
  94. package/dist/collection/stories/ptcLink2.stories.js +0 -142
  95. package/dist/ptcw-design/p-dc85c302.entry.js +0 -1
@@ -1,14 +0,0 @@
1
- import { html } from 'lit';
2
-
3
- export default {
4
- title: 'New/jumbotron-sub-menu',
5
- tags: [ 'autodocs' ],
6
- argTypes: {}
7
- };
8
- const Template = (args) => {
9
- return html`<jumbotron-sub-menu
10
- >
11
- </jumbotron-sub-menu>`;
12
- };
13
- export const Example = Template.bind({});
14
- Example.args = {};
@@ -1,142 +0,0 @@
1
- import { html } from 'lit';
2
-
3
- export default {
4
- title: 'New/ptc-link-new',
5
- tags: [ 'autodocs' ],
6
- argTypes: {
7
- disabled: {
8
- description: ' Disabled link',
9
- defaultValue: { summary: 'false' },
10
- control: 'boolean'
11
- },
12
- external: {
13
- description: ' Rxternal link ',
14
- defaultValue: { summary: 'false' },
15
- control: 'boolean'
16
- },
17
- href: {
18
- description: ' href',
19
- defaultValue: { summary: '' },
20
- control: 'select',
21
- options: [ 'string', 'undefined' ]
22
- },
23
- target: {
24
- description: ' Target',
25
- defaultValue: { summary: '_self' },
26
- control: 'select',
27
- options: [ 'string', 'undefined' ]
28
- },
29
- linkTitle: {
30
- description: ' Title',
31
- defaultValue: { summary: '' },
32
- control: 'select',
33
- options: [ 'string', 'undefined' ]
34
- },
35
- theme: {
36
- description: ' Theme',
37
- defaultValue: { summary: 'simple' },
38
- control: 'select',
39
- options: [
40
- '', 'simple',
41
- 'underline', 'nav-title',
42
- 'primary-nav-link', 'nav-title-link',
43
- 'nav-card-link', 'secondary-nav-link',
44
- 'footer-nav-link', 'copyright-link',
45
- 'product-link', 'd-green-underline',
46
- 'd-white-underline', 'global',
47
- 'utility-nav-link', 'standard-link'
48
- ]
49
- },
50
- fontSize: {
51
- description: ' Font Size',
52
- defaultValue: { summary: 'medium' },
53
- control: 'select',
54
- options: [ 'small', 'medium', 'large', 'medium-large' ]
55
- },
56
- fontWeight: {
57
- description: ' Font Weight',
58
- defaultValue: { summary: '' },
59
- control: 'select',
60
- options: [
61
- 'w-thin',
62
- 'w-regular',
63
- 'w-medium',
64
- 'w-semibold',
65
- 'w-bold',
66
- 'w-extrabold',
67
- 'w-black'
68
- ]
69
- },
70
- linkArea: {
71
- description: ' Optional Link Area',
72
- defaultValue: { summary: '' }
73
- },
74
- seoCompatibilityMode: {
75
- description: ' (optional) enable support for seo tools that can only view source',
76
- defaultValue: { summary: 'false' },
77
- control: 'boolean'
78
- },
79
- styles: {
80
- description: ' (optional) Injected CSS Styles',
81
- defaultValue: { summary: '' },
82
- control: 'text'
83
- },
84
- trackerId: {
85
- description: ' trackerId added for Mouseflow id',
86
- defaultValue: { summary: '' },
87
- control: 'text'
88
- },
89
- tabNav: {
90
- description: ' (optional) tab-nav. indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation',
91
- defaultValue: { summary: '0' }
92
- },
93
- darkFocusState: {
94
- description: ' darkFocusState for dark background',
95
- defaultValue: { summary: 'false' },
96
- control: 'boolean'
97
- },
98
- default: {
99
- description: 'Default slot content',
100
- control: 'text',
101
- table: { category: 'slots' }
102
- }
103
- }
104
- };
105
- const Template = (args) => {
106
- return html`<ptc-link
107
- disabled=${args.disabled}
108
- external=${args.external}
109
- href=${args.href}
110
- target=${args.target}
111
- linkTitle=${args.linkTitle}
112
- theme=${args.theme}
113
- fontSize=${args.fontSize}
114
- fontWeight=${args.fontWeight}
115
- linkArea=${args.linkArea}
116
- seoCompatibilityMode=${args.seoCompatibilityMode}
117
- styles=${args.styles}
118
- trackerId=${args.trackerId}
119
- tabNav=${args.tabNav}
120
- darkFocusState=${args.darkFocusState}
121
- >
122
- ${args.default}
123
- </ptc-link>`;
124
- };
125
- export const Example = Template.bind({});
126
- Example.args = {
127
- disabled: 'false',
128
- external: 'false',
129
- href: '',
130
- target: '_self',
131
- linkTitle: '',
132
- theme: 'simple',
133
- fontSize: 'medium',
134
- fontWeight: '',
135
- linkArea: '',
136
- seoCompatibilityMode: 'false',
137
- styles: '',
138
- trackerId: '',
139
- tabNav: '0',
140
- darkFocusState: 'false',
141
- default: 'Lorem ipsum text'
142
- };
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as r,H as a,g as i}from"./p-ac75c7ad.js";const o=class{constructor(r){t(this,r),this.checkedChanged=e(this,"checkedChanged",7),this.radioButtonOnClick=t=>{if(!this.isDisabled){const e=t.querySelector("svg");e&&(this.checked=!this.checked,e.setAttribute("data-checked",String(this.checked)),this.checkedChanged.emit({el:this.el,name:this.name,checked:this.checked}))}},this.name=void 0,this.isDisabled=!1,this.isChecked=!1,this.checked=this.isChecked}componentDidLoad(){this.el.shadowRoot.querySelector("svg").setAttribute("data-checked",String(this.checked))}render(){return r(a,null,r("div",{class:"ptc-form-radio-button",onClick:t=>this.radioButtonOnClick(t.currentTarget),"data-disabled":this.isDisabled},r("svg",{height:"14px",width:"14px",viewBox:"0 0 14 14"},r("circle",{class:"outer-circle",cx:"7",cy:"7",r:"6","stroke-width":"1",fill:"transparent"}),r("circle",{class:"inner-circle",cx:"7",cy:"7",r:"3","stroke-width":"0",fill:"transparent"})),r("div",{class:"radio-label"},r("ptc-para",{"font-size":"xx-small","font-weight":"w-4","para-line-h":"line-height-p","para-margin":"margin-flush"},r("slot",null)))))}get el(){return i(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .ptc-form-radio-button{width:max-content;height:max-content;display:flex;align-items:center;padding:var(--ptc-element-spacing-02)}:host .ptc-form-radio-button svg .outer-circle{fill:white;stroke:var(--color-gray-03);stroke-width:1px}:host .ptc-form-radio-button svg[data-checked=true] .outer-circle{stroke:var(--color-green-07)}:host .ptc-form-radio-button svg[data-checked=true] .inner-circle{fill:var(--color-green-07)}:host .ptc-form-radio-button .radio-label{margin-left:var(--ptc-element-spacing-02)}:host .ptc-form-radio-button:hover{cursor:pointer}:host .ptc-form-radio-button:hover svg .outer-circle{stroke:var(--color-green-10)}:host .ptc-form-radio-button:hover svg .inner-circle{fill:var(--color-green-10)}:host .ptc-form-radio-button[data-disabled] svg .outer-circle{stroke:var(--color-gray-04);fill:var(--color-gray-01)}:host .ptc-form-radio-button[data-disabled] svg[data-checked=true] .inner-circle{fill:var(--color-gray-04)}:host .ptc-form-radio-button[data-disabled]:hover svg .outer-circle{stroke:var(--color-gray-04)}:host .ptc-form-radio-button[data-disabled]:hover svg .inner-circle{fill:transparent}:host .ptc-form-radio-button[data-disabled]:hover svg[data-checked=true] .inner-circle{fill:var(--color-gray-04)}:host .ptc-form-radio-button[data-disabled] .radio-label{color:var(--color-gray-04)}";export{o as ptc_form_radio_button}