@licklist/design 0.78.5-dev.70 → 0.78.5-dev.71

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/v2/components/Button/GhostButton.scss.js +1 -1
  2. package/dist/v2/components/QuickFilter/QuickFilter.scss.js +1 -1
  3. package/package.json +3 -3
  4. package/src/v2/components/Button/GhostButton.scss +1 -1
  5. package/src/v2/components/Customer/CustomersList.scss +20 -8
  6. package/src/v2/components/QuickFilter/QuickFilter.scss +0 -1
package/dist/v2/components/Button/GhostButton.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".ghost-button{align-items:center;background:#0000;border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:6px;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-weight:500;gap:6px;justify-content:center;transition:background-color .2s ease;white-space:nowrap}.ghost-button:not(.active):hover:not(:disabled){background-color:var(--surfaces-main-background-tertiary,#e8e9ef)}.ghost-button:disabled{cursor:default;opacity:.5}.ghost-button:focus-visible{outline:2px solid var(--fills-main-fill-action,#6200ee);outline-offset:2px}.ghost-button.active{background-color:var(--fill-primary,#6200ee);border-color:var(--border-selected,#121e52)}.ghost-button.active,.ghost-button.active .ghost-button__text{color:var(--neutral-white,#fff)}.ghost-button--sm{font-size:13px;height:28px;padding:0 8px}.ghost-button--md{font-size:14px;height:36px;padding:0 12px 0 8px}.ghost-button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ghost-button__icon svg{height:20px;width:20px}";
3
+ var css_248z = ".ghost-button{align-items:center;background:#0000;border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:6px;color:var(--labels-main-label-primary,#121e52);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-weight:500;gap:6px;justify-content:center;transition:background-color .2s ease;white-space:nowrap}.ghost-button:not(.active):hover:not(:disabled){background-color:var(--surfaces-main-background-tertiary,#e8e9ef)}.ghost-button:disabled{cursor:default;opacity:.5}.ghost-button:focus-visible{outline:2px solid var(--fills-main-fill-action,#6200ee);outline-offset:2px}.ghost-button.active{background-color:var(--fill-primary,#6200ee);border-color:var(--border-selected,#121e52)}.ghost-button.active,.ghost-button.active .ghost-button__text{color:var(--neutral-white,#fff)}.ghost-button--sm{font-size:11px;height:28px;padding:0 8px}.ghost-button--md{font-size:14px;height:36px;padding:0 12px 0 8px}.ghost-button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ghost-button__icon svg{height:20px;width:20px}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/components/QuickFilter/QuickFilter.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.quick-filter__options::-webkit-scrollbar{display:none}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0;font-family:var(--font-family-mono,\"Geist Mono\",monospace)}@media (max-width:768px){.quick-filter{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:nowrap;gap:6px;margin:0;min-width:0;overflow-x:auto;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
3
+ var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.quick-filter__options::-webkit-scrollbar{display:none}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0;font-family:var(--font-family-mono,\"Geist Mono\",monospace)}@media (max-width:768px){.quick-filter{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:nowrap;gap:6px;margin:0;min-width:0;overflow-x:auto;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.70",
3
+ "version": "0.78.5-dev.71",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
42
42
  ]
43
43
  },
44
44
  "peerDependencies": {
45
- "@licklist/core": "0.36.1-dev.19-new",
45
+ "@licklist/core": "0.36.1-dev.21",
46
46
  "@licklist/eslint-config": "0.5.6",
47
47
  "@licklist/plugins": "0.36.4-dev.13",
48
48
  "clsx": "2.1.1",
@@ -64,7 +64,7 @@
64
64
  "@dnd-kit/utilities": "2.0.0",
65
65
  "@fortawesome/fontawesome-svg-core": "1.2.34",
66
66
  "@fortawesome/free-solid-svg-icons": "5.15.2",
67
- "@licklist/core": "0.36.1-dev.18",
67
+ "@licklist/core": "0.36.1-dev.21",
68
68
  "@licklist/eslint-config": "0.5.6",
69
69
  "@licklist/plugins": "0.36.4-dev.13",
70
70
  "@mantine/core": "6.0.22",
package/src/v2/components/Button/GhostButton.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  &--sm {
41
41
  height: 28px;
42
42
  padding: 0 8px 0 8px;
43
- font-size: 13px;
43
+ font-size: 11px;
44
44
  }
45
45
 
46
46
  &--md {
package/src/v2/components/Customer/CustomersList.scss CHANGED
@@ -97,7 +97,7 @@
97
97
  &__content {
98
98
  display: flex;
99
99
  flex-direction: column;
100
- gap: 32px;
100
+ gap: 16px;
101
101
  padding: 0 32px 32px;
102
102
  }
103
103
 
@@ -586,11 +586,16 @@
586
586
  display: grid;
587
587
  grid-template-areas:
588
588
  "customer bookings"
589
- "divider divider"
590
589
  "next last"
591
- "status status"
592
- "actions actions";
593
- grid-template-columns: 1fr auto;
590
+ "divider divider"
591
+ "status actions";
592
+
593
+ :is(.waivers-page--compact) & {
594
+ grid-template-areas:
595
+ "customer customer"
596
+ "divider divider"
597
+ "status actions";
598
+ }
594
599
  border: 1px solid var(--border-primary, #E8E9EF);
595
600
  border-radius: 12px;
596
601
  margin-bottom: 16px;
@@ -619,13 +624,20 @@
619
624
  &.tw-text-right {
620
625
  grid-area: actions;
621
626
  text-align: right;
622
- padding-top: 12px;
623
- border-top: 1px solid var(--border-primary, #E8E9EF);
624
- margin-top: 4px;
627
+ padding: 0;
625
628
  display: flex;
626
629
  justify-content: flex-end;
630
+ align-items: center;
631
+
632
+ :is(.waivers-page--compact) & {
633
+ padding-top: 0;
634
+ border-top: none;
635
+ margin-top: 0;
636
+ }
627
637
 
628
638
  &.waiver-col {
639
+ grid-area: status;
640
+ justify-content: flex-start;
629
641
  border-top: none;
630
642
  padding-top: 0;
631
643
  margin-top: 0;
package/src/v2/components/QuickFilter/QuickFilter.scss CHANGED
@@ -17,7 +17,6 @@
17
17
  gap: 8px;
18
18
  -ms-overflow-style: none; /* IE and Edge */
19
19
  scrollbar-width: none; /* Firefox */
20
- padding-bottom: 2px; /* Prevent button shadows/borders from being cut off during scroll if any */
21
20
 
22
21
  &::-webkit-scrollbar {
23
22
  display: none; /* Chrome, Safari and Opera */